{/* Do not edit this file. It is automatically generated by API Documenter. */}


## DateCellEditor

date editor

**Signature:**

```typescript
export interface DateCellEditor extends TextCellEditor
```
**Extends:** [TextCellEditor](/refs/Interface/TextCellEditor)

## Remarks

Select a date by displaying the date picker.

Enter [GridBase.setEditorOptions()](/refs/Class/GridBase#seteditoroptions) or [GridBase.editorOptions](/refs/Class/GridBase#editoroptions) to display the year, month, or day of the calendar displayed in the calendar pop-up. This allows developers to change it as they wish.

(ex Mon, Tue, Wed… == Mon, Tue, Wed…)

Inherits [TextCellEditor](/refs/Interface/TextCellEditor){/* */}.

\[Superclass\]

[CellEditor](/refs/Interface/CellEditor) - [TextCellEditor](/refs/Interface/TextCellEditor)

## Example


```js
//string type
column.editor = "date"

// object type
column.editor = { type: "date", maxLength: 6, yearNavigation: true }
```

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [cancelLabel](/refs/Interface/DateCellEditor#cancellabel) | string | Change the text of the cancel button. |
| [commitOnSelect](/refs/Interface/DateCellEditor#commitonselect) | boolean | Whether to commit when selected |
| [defaultDate](/refs/Interface/DateCellEditor#defaultdate) | string \| Date | Specifies the date to be selected when the date picker is displayed. |
| [defaultShowDate](/refs/Interface/DateCellEditor#defaultshowdate) | [DefaultShowDate](/refs/realgrid#defaultshowdate) | Date type selected on calendar when displaying |
| [deleteLabel](/refs/Interface/DateCellEditor#deletelabel) | string | Change the text of the delete button. |
| [disableSaveOnUnchanged](/refs/Interface/DateCellEditor#disablesaveonunchanged) | boolean | Whether to disable the save button when the value has not changed |
| [dropDownPosition](/refs/Interface/DateCellEditor#dropdownposition) | [DropDownPosition](/refs/realgrid#dropdownposition) | Location of calendar selection box |
| [dropDownWhenClick](/refs/Interface/DateCellEditor#dropdownwhenclick) | boolean | Whether to expand the list when a cell is clicked |
| [dropDownWhenEnter](/refs/Interface/DateCellEditor#dropdownwhenenter) | boolean | Whether to expand the list when enterKey is entered |
| [dropDownWhenTyping](/refs/Interface/DateCellEditor#dropdownwhentyping) | boolean | Whether to display the list when typing |
| [editFormat](/refs/Interface/DateCellEditor#editformat) | string | **_(ALPHA)_** Edit Format |
| [holidays](/refs/Interface/DateCellEditor#holidays) | [Holidays](/refs/realgrid#holidays) | Public holidays displayed |
| [hours](/refs/Interface/DateCellEditor#hours) | number\[\] \| string | Specify the time displayed on the time selection screen. |
| [maxDate](/refs/Interface/DateCellEditor#maxdate) | string \| Date | Maximum date that can be entered |
| [minDate](/refs/Interface/DateCellEditor#mindate) | string \| Date | Minimum date allowed for entry |
| [minutes](/refs/Interface/DateCellEditor#minutes) | number\[\] | Specifies the minute displayed on the minute selection screen. |
| [monthDisplayFormat](/refs/Interface/DateCellEditor#monthdisplayformat) | string | Phrases about months |
| [months](/refs/Interface/DateCellEditor#months) | string\[\] | Display method for month |
| [saveLabel](/refs/Interface/DateCellEditor#savelabel) | string | Change the text of the save button |
| [showButtons](/refs/Interface/DateCellEditor#showbuttons) | boolean | Save/Cancel button display status |
| [showToday](/refs/Interface/DateCellEditor#showtoday) | boolean | Visibility of `Today` button |
| [showWeeks](/refs/Interface/DateCellEditor#showweeks) | boolean | Calendar year parking display status |
| [startWeek](/refs/Interface/DateCellEditor#startweek) | number | Day of the week starting on the calendar |
| [textReadOnly](/refs/Interface/DateCellEditor#textreadonly) | boolean | Whether to prohibit input using the keyboard |
| [timeSelectType](/refs/Interface/DateCellEditor#timeselecttype) | [TimeSelectType](/refs/realgrid#timeselecttype) | Whether to display the hour/minute/second selection screen. |
| [todayLabel](/refs/Interface/DateCellEditor#todaylabel) | string | Change the text of the Today button. |
| [type](/refs/Interface/DateCellEditor#type) | 'date' | Cell Editor Type: Date |
| [viewMode](/refs/Interface/DateCellEditor#viewmode) | [CalendarMode](/refs/realgrid#calendarmode) | Specifies the selectable screen among year, month, and day. |
| [weekDays](/refs/Interface/DateCellEditor#weekdays) | string\[\] | How to display days of the week |
| [weekSelectable](/refs/Interface/DateCellEditor#weekselectable) | boolean | Year Parking Availability |
| [weekSeparator](/refs/Interface/DateCellEditor#weekseparator) | string | Separator between the year and week of the returned results |
| [yearDisplayFormat](/refs/Interface/DateCellEditor#yeardisplayformat) | string | Phrases about years |
| [yearMonthDisplayFormat](/refs/Interface/DateCellEditor#yearmonthdisplayformat) | string | Phrases for year-month |

## Properties Desc

### cancelLabel

Change the text of the cancel button.

`Type` - string

<hr/>

### commitOnSelect

Whether to commit when selected

`Type` - boolean

<hr/>

### defaultDate

Specifies the date to be selected when the date picker is displayed.

`Type` - string \| Date

**Remarks:**

Date to be selected and displayed if defaultShowDate is [DefaultShowDate.DEFAULT](/refs/realgrid#defaultshowdate) or [DefaultShowDate.DEFAULT\_WHEN\_NULL](/refs/realgrid#defaultshowdate){/* */}

<hr/>

### defaultShowDate

Date type selected in calendar when displaying

`Type` - [DefaultShowDate](/refs/realgrid#defaultshowdate)

<hr/>

### deleteLabel

Change the text of the delete button.

`Type` - string

<hr/>

### disableSaveOnUnchanged

Whether to disable the Save button when the value has not changed.

`Type` - boolean

<hr/>

### dropDownPosition

Location of calendar selection box

`Type` - [DropDownPosition](/refs/realgrid#dropdownposition)

<hr/>

### dropDownWhenClick

Whether to expand the list when a cell is clicked

`Type` - boolean

<hr/>

### dropDownWhenEnter

Whether to expand the list when enterKey is entered

`Type` - boolean

<hr/>

### dropDownWhenTyping

Whether to display the list when typing.

`Type` - boolean

**Remarks:**

If `false`{/* */} is set, the list will only be displayed when the button is clicked.

<hr/>

### editFormat

Edit Format

`Type` - string

<hr/>

### holidays

Public holidays displayed

`Type` - [Holidays](/refs/realgrid#holidays)

<hr/>

### hours

Specify the time displayed on the time selection screen.

`Type` - number\[\] \| string

**Remarks:**

Specify the range of time you want to display using a numeric array or string.

**Example:**


```js
hours = '9-12, 13-18'
hours = [1,2,3,4,5,6]
```

<hr/>

### maxDate

Maximum date that can be entered

`Type` - string \| Date

**Remarks:**

If a date later than maxDate is entered using the keyboard, it is changed to maxDate.

<hr/>

### minDate

Minimum date allowed for entry

`Type` - string \| Date

**Remarks:**

If a date earlier than minDate is entered with the keyboard, it is changed to minDate.

<hr/>

### minutes

Specifies the minute displayed on the minute selection screen.

`Type` - number\[\]

**Remarks:**

Specify it as a numeric array.

<hr/>

### monthDisplayFormat

Phrases about the month

`Type` - string

<hr/>

### months

Display method for month

`Type` - string\[\]

**Remarks:**

If specified, [EditorOptions.months](/refs/Interface/EditorOptions#months) is ignored.

<hr/>

### saveLabel

Change the text of the save button

`Type` - string

<hr/>

### showButtons

Whether to display save/cancel button

`Type` - boolean

**Remarks:**

If you specify `false`{/* */}, the button will not be displayed and the list will disappear when you select the date or hour/minute/second.

<hr/>

### showToday

Visibility of `Today` button

`Type` - boolean

<hr/>

### showWeeks

Calendar year parking display status

`Type` - boolean

**Remarks:**

It is displayed based on ISO 8601, but when selecting a date, it returns to the parking number displayed in front.

<hr/>

### startWeek

Day of the week starting on the calendar

`Type` - number

**Remarks:**

0: Sunday, 1: Monday, ...

<hr/>

### textReadOnly

Whether input using the keyboard is prohibited

`Type` - boolean

<hr/>

### timeSelectType

Whether to display the hour/minute/second selection screen.

`Type` - [TimeSelectType](/refs/realgrid#timeselecttype)

<hr/>

### todayLabel

Change the text of the Today button.

`Type` - string

<hr/>

### type

Cell Editor Type: Date

`Type` - 'date'

<hr/>

### viewMode

Specifies the selectable screen among year, month, and day.

`Type` - [CalendarMode](/refs/realgrid#calendarmode)

**Remarks:**

Used when selecting `Year` or `Year-Month`.

<hr/>

### weekDays

How to display the day of the week

`Type` - string\[\]

<hr/>

### weekSelectable

Year parking availability

`Type` - boolean

<hr/>

### weekSeparator

Separator between the year and week of the returned results

`Type` - string

<hr/>

### yearDisplayFormat

Phrases about years

`Type` - string

<hr/>

### yearMonthDisplayFormat

Phrases for year-month

`Type` - string

**Remarks:**

If not specified, it is displayed using yearDisplayFormat and monthDisplayFormat.

<hr/>