Skip to main content

Intro

react-daisyui-timetools Logo

A modern package delivering flexible and sleek date/time pickers built specifically for daisyUI. Leveraging Day.js, these components offer a smooth and integrated experience for handling dates and times in your React projects.

Components​

  • <Datepicker /> – A stylish, easy-to-use date picker.
  • <TimePicker /> – A precise time selection tool.
  • <DateAndTimePicker /> – Combines both date and time picking in one seamless component.

Key Features​

  • DaisyUI Themes Compatibility: Provides perfect integration with all daisyUI themes.
  • Language Support built in: Access over 100 locales (with 16 enabled by default) for i18n.
  • Day.js Integration: Uses Day.js for powerful date manipulation.
  • AM/PM Support: Simplifies time selection with effective AM/PM toggling.
  • Date manipulation: Ideal for start/end date pickers with support for minimum selectable dates.
  • Focused Functionality: No range pickers—delivering simplicity and clarity in user interaction.

Light (default)​

Dark (french) custom Icon​

Cupcake (italian)​

Halloween (spanish)​

Synthwave (swedish)​

Cyberpunk (polish)​

Author​

Made with ❤️ by Johan