Class: DatePicker

DatePicker()

Metal DatePicker component.

Constructor

new DatePicker()

Source:

Extends

  • Component

Members

(static, non-null) STATE :Object

State definition.
Type:
  • Object
Source:

(non-null) _daySelected :Date

The day selected by the user.
Type:
  • Date
Default Value:
  • Date Month
Source:

(non-null) _month :int

The selected month.
Type:
  • int
Default Value:
  • undefined
Source:

(non-null) _weeks :Array.<Array>

An array of the weeks and days list for the current month
Type:
  • Array.<Array>
Default Value:
  • undefined
Source:

(non-null) _year :int

The selected year.
Type:
  • int
Default Value:
  • undefined
Source:

(nullable) ariaLabel :string|undefined

Aria label attribute for the button element.
Type:
  • string | undefined
Default Value:
  • undefined
Source:

(non-null) currentMonth :Date

Indicates the current month rendered on the screen.
Type:
  • Date
Default Value:
  • undefined
Source:

(non-null) dataType :string

Database type.
Type:
  • string
Default Value:
  • string
Source:

(nullable) dateFormat :string

Set the format of how the date will appear in the input element. See available: https://momentjs.com/docs/#/parsing/string-format/
Type:
  • string
Default Value:
  • YYYY-MM-DD
Source:

(nullable) elementClasses :string|undefined

CSS classes to be applied to the element.
Type:
  • string | undefined
Default Value:
  • undefined
Source:

(nullable) evaluable :bool

Type:
  • bool
Default Value:
  • false
Source:

(nullable) expanded :bool

Flag to indicate if date is expanded.
Type:
  • bool
Default Value:
  • false
Source:

(nullable) fieldName :string|undefined

Type:
  • string | undefined
Default Value:
  • undefined
Source:

(nullable) firstDayOfWeek :int

Set the first day of the week, starting from 0 (Sunday) to 6 (Saturday).
Type:
  • int
Default Value:
  • 0
Source:

(nullable) id :string|undefined

Id to be applied to the element.
Type:
  • string | undefined
Default Value:
  • undefined
Source:

(non-null) initialMonth :Date

The month to display in the calendar on the first render.
Type:
  • Date
Default Value:
  • Date
Source:

(nullable) label :string|undefined

Type:
  • string | undefined
Default Value:
  • undefined
Source:

(nullable) months :array.<String>

The names of the months.
Type:
  • array.<String>
Default Value:
  • January...
Source:

(nullable) name :string|undefined

Type:
  • string | undefined
Default Value:
  • undefined
Source:

(nullable) placeholder :string|undefined

Describe a brief tip to help users interact.
Type:
  • string | undefined
Default Value:
  • undefined
Source:

(nullable) predefinedValue :Date|string|undefined

Set the initial value of the input.
Type:
  • Date | string | undefined
Default Value:
  • undefined
Source:

(nullable) readOnly :bool|undefined

Type:
  • bool | undefined
Default Value:
  • undefined
Source:

(nullable) repeatable :bool|undefined

Type:
  • bool | undefined
Default Value:
  • undefined
Source:

(nullable) required :bool|undefined

Type:
  • bool | undefined
Default Value:
  • false
Source:

(non-null) showLabel :boolean

Wether to show the field label or not.
Type:
  • boolean
Default Value:
  • true
Source:

(non-null) spritemap :string

The path to the SVG spritemap file containing the icons.
Type:
  • string
Default Value:
  • undefined
Source:

(nullable) tip :string|undefined

Type:
  • string | undefined
Default Value:
  • undefined
Source:

(nullable) type :string|undefined

Type:
  • string | undefined
Default Value:
  • undefined
Source:

(nullable) value :string|undefined

Type:
  • string | undefined
Default Value:
  • undefined
Source:

(non-null) weekdaysShort :Array.<String>

Short names of days of the week to use in the header of the month. It should start from Sunday.
Type:
  • Array.<String>
Default Value:
  • S M T W T F S
Source:

(non-null) years :Array.<String>

List of years available for navigate that are added in the selector.
Type:
  • Array.<String>
Default Value:
  • undefined
Source: