Balance Logo
Reckon Design System
Open playroom

Date Input

Allow users to input a single date as text.
pnpm add @balance-web/date-input
Import usage
import {
} from '@balance-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


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


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.

Edit in Playroom
Copyright © 2024 Reckon. Designed and developed in partnership with Thinkmill.
Bitbucket logoJira software logoConfluence logo