Date Picker

A date picker component with range and presets.

Usage

import { DatePicker } from "@momo-webplatform/mobase";

<DatePicker
  label="Chọn ngày"
  placeholder="Vui lòng chọn ngày"
  message="Vui lòng chọn ngày"
  calendarProps={{
    mode: "single",
    selected: date,
    onSelect: setDate,
    enableLunaDate: true
  }}
/>

You can use Button component props, Popover component props and Calendar component props corresponds to buttonProps, popoverProps and calendarProps props of DatePicker component.

NOTE: Because DatePicker uses Button, Popover and Calendar component, please install the Button component, the Popover component and Calendar component before using the DatePicker component.

API Reference