Date

ODateInputComponent

Directive: o-date-input

Inherited inputs

  • from FormDataComponent:
    • attr
    • automatic-binding
    • automatic-registering
    • clear-button
    • data
    • enabled
    • hide-required-marker
    • label
    • label-visible
    • read-only
    • required
    • select-all-on-click
    • sql-type
    • tooltip
    • tooltip-position
    • tooltip-show-delay
    • validators
    • width

Inputs

Name Since Description Default

data

string | date | timestamp | iso-8601

Manually setted component value. Must have the type of the ‘value-type’ input

date-class

(date: Moment) => MatCalendarCellCssClasses

Function that can be used to add custom CSS classes to dates. (see attribute dateClass of DatePicker)

filter-date

(date: Date) => boolean

Function for filtering datepicker possible values

format

string

Date format. See MomentJS format

MomentJS localized format L (see Localized formats in MomentJS format)

locale

string. Values like es, en, ...

Configured language locale

Application configured locale

max

string | date | timestamp | iso-8601

Maximum selectable date. Must have the type of the ‘value-type’ input

min

string | date | timestamp | iso-8601

Minimum selectable date. Must have the type of the ‘value-type’ input

start-at

string

Start date

start-view

month | year

month

text-input-enabled

no | false | yes | true

Indicates whether or not to allow the user to edit the input manually

yes

touch-ui

no | false | yes | true

Indicates wheter to use the datepicker ‘touch-ui’ mode

no

value-type

string | date | timestamp | iso-8601

Type of the component data

timestamp

Inherited outputs