Balance Logo
Balance
Reckon Design System

Date Input

Allow users to input a single date as text.
Install
pnpm add @reckon-web/date-input
Import usage
import {
DateInput,
formatDateObj
} from '@reckon-web/date-input';
  • Code
  • API

NOTE: all date components expect their value to be an ISO 8601 date string (without the time signature), which follows the format yyyy-mm-dd

Alternatives

The kind of date (exact, approximate, memorable) you are requesting from the user will determine which component is best to use.

  • DatePicker — When the user needs to know a date’s relationship to other days

Usage

Use if the date can be remembered by the user easily, such as a date of birth, and they don’t need a calendar to anticipate the dates.

Value
not set, or not yet valid
Open in Playroom
Copyright © 2022 Reckon. Designed and developed in partnership with Thinkmill.
Bitbucket logoJira software logoConfluence logo