A pack of extensions for grommet 2
created:4/8/2021
updated:4/8/2021
source lines:72
comments %:6

DateInput

grommet-controls
3.0.1

A masked date entry field with a drop down calendar. All properties of MaskedInput apply.

import { DateInput } from 'grommet-controls';

Main

Name
Description
Default
IDateInputOwnProps (9 properties)
autocorrect

Use mask that wil attempt to auto-correct the entry as the user types

boolean
-
bounds

An array of two numbers indicating the limits on navigation in ISO8601 format

string[]
-
dates

Multiple selected dates in ISO8601 format. Items that are an array indicate a range of dates

(string | string[])[]
-
disabledDates

Multiple dates in ISO8601 format that should not be selectable. Items that are an array indicate a range of dates

(string | string[])[]
-
firstDayOfWeek

The first day of the week. 0 for Sunday. 1 for Monday

01
-
maskFormat

Mask format - by default this is set to "mm dd yyyy" but can be changed ie "dd mm yyyy"

string
-
locale

The locale to use

string
-
size

Size of the calendar drop

smallmediumlarge
small
value

The date value is Date format or ISO string

string | (string & readonly string[]) | (Date & string) | (Date & string & readonly string[]) | (Date & number) | (Date & number & readonly string[])
-
IMaskedInputOwnProps (7 properties)
IDropInputOwnProps (14 properties)
TextInputProps (17 properties)
ClassAttributes (1 properties)
Attributes (1 properties)
InputHTMLAttributes (28 properties)
HTMLAttributes (41 properties)
AriaAttributes (48 properties)
DOMAttributes (157 properties)

Commits

Date
Author
Commit Message
8/31/2020

atanasster

update stories titles and navigation
8/30/2020

atanasster

update eslint and add component-controls
8/27/2019

atanasster

initial commit 2.x alpha
3 commits

package
imports
peer
grommet
^2.15.0
CalendarBox
*
Calendar
*
react
^17.0.1
ReactComponent
*

file
imports
"../MaskedInput"
MaskedInput
"../../utils/moment"
smallDate
"./DateInputProps"
IDateInputProps

Stories

Autocorrect

Disabled

Bounds

Disabled Dates

First Day Of Week

Locale

Size