Allows to pick a date, time or date and time together.
Use the package manager pnpm to install @tabula/ui-date-picker
.
pnpm add @tabula/ui-date-picker
We provide three types of picker:
-
date
- only date picker is shown; -
time
- only time picker is shown; -
datetime
- both date and time picker are shown.
Import component and render it with required type:
import { FC, MouseEventHandler, PropsWithChildren } from 'react';
import { UiDatePicker } from '@tabula/ui-date-picker';
const Picker = () => {
const [selected, setSelected] = useState<Date | null>(null);
return <UiDatePicker onSelect={setSelected} selected={selected} type="date" />;
};
This project is ISC licensed.