We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Controls
  • Grids
    • Data Grid
    • Pivot Table
    • Tree Grid
    • Spreadsheet
  • Data Visualization
    • Chart
    • Bullet Chart
    • Kanban Board
    • Range Selector
    • Sparkline Charts
    • HeatMap Chart
    • TreeMap
    • Circular Gauge
    • Stock Chart
    • Linear Gauge
    • Smith Chart
    • Maps
    • Diagram
    • 3D Circular Charts
    • 3D Charts
    • Barcode Generator
  • Editors
    • Word Processor
    • Rich Text Editor
    • Image Editor
  • Buttons
    • Button
    • Progress Button
    • Chips
  • Calendars
    • Scheduler
    • Gantt Chart
    • Calendar
    • DatePicker
    • DateRangePicker
    • DateTime Picker
    • TimePicker
  • Dropdowns
    • ComboBox
    • AutoComplete
    • Dropdown List
    • MultiSelect Dropdown
    • ListBox
    • Mention
    • Dropdown Tree
  • Navigation
    • Carousel
    • TreeView
    • File Manager
    • Toolbar
    • Menu Bar
    • Breadcrumb
    • Accordion
    • Context Menu
    • Tabs
    • Sidebar
    • Stepper
    • AppBar
  • Inputs
    • File Upload
    • Signature
    • Color Picker
    • Input Mask
    • TextBox
    • Numeric Textbox
    • Slider
    • Radio Button & Checkbox
    • Toggle Switch Button
    • Rating
    • TextArea
    • OTP Input
  • Layout
    • ListView
    • Splitter
    • Dialog
    • Dashboard Layout
    • Card
    • Tooltip
    • Timeline
    • Avatar
  • Notifications
    • Message
    • ProgressBar
    • Skeleton
    • Toast
    • Badge
  • Forms
    • Query Builder
  • File Viewers & Editors
    • PDF Viewer
    • In-place Editor
  • Interactive Chat
    • AI AssistView
  • Smart Components
    • Smart Paste Button

React DatePicker - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the React DatePicker

Learn how easily you can create and configure the Syncfusion React DatePicker using the create-react-app command. This video also explains how to configure a few of the control's basic features like setting specific date values, formats, and range restriction for date selection.

Download Example: Getting Started with the React DatePicker

Topics included
1. Create a React project 00:20 min
2. Add a Date Picker 01:12 min
3. Set placeholder 02:03 min
4. Set date value 02:26 min
5. Range restriction 03:03 min
6. Set custom format 03:50 min
7. Month picker 04:10 min
Plaform: React Show more