Date Picker

1<DatePicker
2  value={date}
3  onChange={setDate}
4  showMonthYearPicker
5/>

1const [range, setRange] = useState<DateRange>();
2
3<DatePicker
4  mode="range"
5  rangeValue={range}
6  onRangeChange={setRange}
7  showPresets
8  numberOfMonths={2}
9/>

1const [dateTime, setDateTime] = useState<Date>();
2
3<DatePicker
4  value={dateTime}
5  onChange={setDateTime}
6  showTime
7/>

1const [month, setMonth] = useState<Date>();
2
3<DatePicker
4  value={month}
5  onChange={setMonth}
6  monthOnly
7/>

1<DatePicker
2  value={date}
3  onChange={setDate}
4  minDate={new Date()}
5  maxDate={new Date(2025, 11, 31)}
6/>

1<DatePicker
2  value={dateTime}
3  onChange={setDateTime}
4  showTime
5  use24Hour
6/>

1<DatePicker
2  value={new Date()}
3  disabled
4/>