@tabula/ui-date-picker NPM

@tabula/ui-date-picker

Allows to pick a date, time or date and time together.

Installation

Use the package manager pnpm to install @tabula/ui-date-picker.

pnpm add @tabula/ui-date-picker

You can use npm or yarn too.

Usage

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" />;
};