Command Palette

Search for a command to run...

Docs
Date Time Picker

Date Time Picker

A date and time picker with calendar and time selection

Loading...

Installation

Features

  • Calendar Selection: Visual date picker with calendar view
  • Time Picker: Hour, minute, and AM/PM selection
  • Date Restrictions: Set min/max date boundaries
  • Formatted Display: Shows selected date and time in readable format
  • Customizable Options: Configure hour/minute intervals
  • onChange Callback: Get notified when date/time changes

Props

PropTypeDefaultDescription
defaultDateDate-Initial date value
defaultHourstring"12"Initial hour (01-12)
defaultMinutestring"00"Initial minute
defaultAMPM"AM" | "PM""AM"Initial AM/PM selection
onChange(date: Date | null) => void-Callback when date/time changes
disabledbooleanfalseDisable the picker
minDateDate-Minimum selectable date
maxDateDate-Maximum selectable date
hourOptionsstring[]["01"-"12"]Custom hour options
minuteOptionsstring[]["00","15","30","45"]Custom minute options