Constructor
# <DatePicker inputId label deadlines eventFunction htmlClass valueFormat colors type />
Display label, input and calendar. Controls input format and formats output value.
PropTypes:
| Name | Type | Required | Description | Default |
|---|---|---|---|---|
inputId |
string | Yes | ||
label |
string | Yes | ||
deadlines |
object | No | ||
eventFunction |
object | No | ||
htmlClass |
object | No | ||
valueFormat |
string | No | "number" | |
colors |
object | No | { dark: "#302f2f", light: "#f2f2ef"} | |
type |
string | No | "dateTime" |
Parameters:
| Name | Type | Description |
|---|---|---|
props |
object
|
object containing attributes: inputId, label, evenFunction (optional) and htmlClass (optional) |
inputId |
string
|
accepts alphanumeric characters and hyphen |
deadlines |
object
|
contains min and max attributes |
label |
string
|
accepts alphanumeric characters, hyphen, space and apostrophe |
eventFunction |
object
|
contains function to apply to events |
htmlClass |
object
|
contains classes to apply to the container, to the input and to the error message |
valueFormat |
string
|
output format of DatePicker input value - Accept : "array", "dateObject" = Date(), "number", "string" |
type |
string
|
define input type to generate - Accept : "date", "datePeriod", "dateTime", "dateTimePeriod", "time", "timePeriod" |
colors |
object
|
define colors used by component |
object