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