Skip to main content

Playground

Experiment with the React Datepicker component directly in your browser. Use the controls below to toggle themes, switch between English and Persian locales, or flip the widget into dark mode without leaving the documentation.

Loading the playground…

What to try next​

  • Explore the Datepicker guide for a complete list of props and customization options.
  • Review the Calendar guide to coordinate picker and calendar behaviors across your application.
  • File an issue on GitHub if you run into a bug or have feedback about the playground experience.