Options for managing and customizing the date inputs.

TypeScript
export interface

Properties

PropertyDescriptionDefault
dateFormatFormat string for formatting date input field'yyyy-MM-dd' (ISO 8601 format)
datepickerButtonsList of buttons which are displayed in the datepicker overlay in the given order (provide empty array to display no buttons); custom button layout and positioning is achievable with the special elements - and |['close','today']
localeLocale object (to localize Date Picker)en-US
showOutsideDaysDisplay outside days (i.e. those falling in next or previous month)true
showWeekNumberDisplay the week numbers columnfalse
useNativeInputUse browser specific date input instead of AdapTable's Date Pickerfalse

Property Details

dateFormat

Format string for formatting date input field

TypeScript
dateFormat?: string;
Default Value

'yyyy-MM-dd' (ISO 8601 format)

Property Value

string

datepickerButtons

List of buttons which are displayed in the datepicker overlay in the given order (provide empty array to display no buttons); custom button layout and positioning is achievable with the special elements - and |

TypeScript
datepickerButtons?: DatepickerButton[];
Default Value

['close','today']

Property Value

DatepickerButton[]

locale

Locale object (to localize Date Picker)

TypeScript
locale?: any;
Default Value

en-US

Property Value

any

showOutsideDays

Display outside days (i.e. those falling in next or previous month)

TypeScript
showOutsideDays?: boolean;
Default Value

true

Property Value

boolean

showWeekNumber

Display the week numbers column

TypeScript
showWeekNumber?: boolean;
Default Value

false

Property Value

boolean

useNativeInput

Use browser specific date input instead of AdapTable's Date Picker

TypeScript
useNativeInput?: boolean;
Default Value

false

Property Value

boolean