Skip to Content
This package is deprecated. Check out the successor: Chunk UI Kit
DocsComponentsDate Picker

Date Picker

Selected
"2026-03-30T11:10:31.725Z"
ISO Date with time set
2026-03-30T11:10:31.725Z
Local date with time set
3/30/2026, 11:10:31 AM
Timezone
UTC 0minutes in UTC
import { Container } from '@/components/container' import type { DocumentedProperty } from '@/models/system' import { DatePicker } from '@creation-ui/react' import { useState, type FC } from 'react' export const DatePickerExample = () => { const [selectedDate, setSelectedDate] = useState<Date | null>(null) const handleDateChange = (date: any) => { setSelectedDate(date) } return ( <Container variant='column'> <DatePicker value={selectedDate} onChange={handleDateChange} /> <CurrentDate date={selectedDate} /> </Container> ) }

Component API

PropDefaultDescription
value
Date | null | undefined

Date selected in calendar

onChange
(date: Date | null | undefined) => void

Callback function when date is selected

Rest of the props is the same as in Input props and controls the Input element.

Last updated on