@paprika/date-input

Description

The DateInput component allows users to enter and display a date.

Installation

``
yarn add @paprika/date-input
`

or with npm:

`
npm install @paprika/date-input
`

Props

$3

| Prop | Type | required | default | Description |
| -------------------- | ---------- | -------- | ------------ | ------------------------------------------------------------------------------------------------------------ |
| hasError | bool | false | false | If the value of is valid or not. |
| dateFormat | string | false | "MM/DD/YYYY" | Date format used while entering and parsing user input. |
| date | instanceOf | false | null | Selected date in moment object. |
| humanFormat | string | false | undefined | Date format used while displaying date. It should be human-friendly and spelled out, default is MMMM DD,YYYY |
| onChange | func | false | () => {} | Callback when date is inputed. Will be called on blur or enter key press. |
| onChangePossibleDate | func | false | () => {} | Callback when user inputs date. Will be called after every key up event. |
| onError | func | false | () => {} | Error callback. Will be called on blur or enter key press if inputted date can't be parsed. |
| onClick | func | false | () => {} | Callback to be executed when the dateInput is clicked or activated by keyboard. |
| denyConfirmation | func | false | () => false | Guard function. If it returns true - confirmation will be prevented. |
| beforeConfirmation | func | false | () => {} | Callback when confirm |

Usage

`js
import DateInput from "@paprika/date-input";

;
`

Note: Please use component to wrap ` in your application.

Links

- Storybook Showcase
- GitHub source code
- Create GitHub issue
- CHANGELOG