Class DateCellEditor

Editor for dates: input type="date". A Date value comes back as Date (its time of day stays), an ISO text ("2026-10-16", also with a time part) as ISO text; an empty field as "". The arrow keys belong to the date field.

Example

ColumnDef.create({ property: "due", editable: TrueFn, editor: "date" });

Since

1.1.99

Hierarchy

TextCellEditor
- DateCellEditor

Index

Constructors

constructor

new DateCellEditor(): DateCellEditor
Returns DateCellEditor
Inherited from TextCellEditor.constructor

Properties

`Protected` composing

composing: boolean = false

`Protected` `Optional` ctx

ctx?: CellEditorContextIf

`Protected` `Optional` input

input?: HTMLInputElement

Methods

close

close(): void
Removes listeners and elements.

Returns void
Inherited from TextCellEditor.close
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:111

`Protected` decorate

decorate(_input, _ctx): void
Extra attributes and classes (subclasses).
Parameters
- _input: HTMLInputElement
- _ctx: CellEditorContextIf
Returns void
Inherited from TextCellEditor.decorate
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:45

focus

focus(): void
Gives the input element the keyboard focus.

Returns void
Inherited from TextCellEditor.focus
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:69

getFocusElement

getFocusElement(): undefined | HTMLElement
The element that has the focus (the table names it and lets the active cell own it for screen readers).

Returns undefined | HTMLElement
Inherited from TextCellEditor.getFocusElement
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:95

getText

getText(): string
The text of the editor, e.g. "=B2*C2" (formula input, later stages).

Returns string
Inherited from TextCellEditor.getText
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:58

getValue

getValue(): unknown
The value to write (it runs through editInputPipe and validate of the column).

Returns unknown
Overrides TextCellEditor.getValue
- Defined in src/lib/table/sheet-editing/editors/date-cell-editor.ts:41

`Protected` inputType

inputType(): string
The type attribute of the input.

Returns string
Overrides TextCellEditor.inputType
- Defined in src/lib/table/sheet-editing/editors/date-cell-editor.ts:20

isComposing

isComposing(): boolean
true while an IME composition is running – the table ignores Enter, Tab and arrows then.

Returns boolean
Inherited from TextCellEditor.isComposing
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:103

open

open(container, ctx): void
Builds the editor into container (the table positions the container over the cell).
Parameters
- container: HTMLDivElement
- ctx: CellEditorContextIf
Returns void
Overrides TextCellEditor.open
- Defined in src/lib/table/sheet-editing/editors/date-cell-editor.ts:34

setMode

setMode(_mode): void
F2 switched the mode.
Parameters
- _mode: CellEditMode
Returns void
Inherited from TextCellEditor.setMode
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:99

setText

setText(text): void
Replaces the text and puts the caret at the end.
Parameters
- text: string
Returns void
Inherited from TextCellEditor.setText
- Defined in src/lib/table/sheet-editing/editors/text-cell-editor.ts:62

`Protected` toText

toText(ctx): string
The start text from the cell value.
Parameters
- ctx: CellEditorContextIf
Returns string
Overrides TextCellEditor.toText
- Defined in src/lib/table/sheet-editing/editors/date-cell-editor.ts:24

wantsKey

wantsKey(evt, _mode): boolean
true if the editor needs this key itself (e.g. ↑/↓ in a list) – the table does not commit then.
Parameters
- evt: KeyboardEvent
- _mode: CellEditMode
Returns boolean
Overrides TextCellEditor.wantsKey
- Defined in src/lib/table/sheet-editing/editors/date-cell-editor.ts:62

Class DateCellEditor

Example

Since

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Returns DateCellEditor

Properties

Protected composing

Protected Optional ctx

Protected Optional input

Methods

close

Returns void

Protected decorate

Parameters

_input: HTMLInputElement

_ctx: CellEditorContextIf

Returns void

focus

Returns void

getFocusElement

Returns undefined | HTMLElement

getText

Returns string

getValue

Returns unknown

Protected inputType

Returns string

isComposing

Returns boolean

open

Parameters

container: HTMLDivElement

ctx: CellEditorContextIf

Returns void

setMode

Parameters

_mode: CellEditMode

Returns void

setText

Parameters

text: string

Returns void

Protected toText

Parameters

ctx: CellEditorContextIf

Returns string

wantsKey

Parameters

evt: KeyboardEvent

_mode: CellEditMode

Returns boolean

Settings

Member Visibility

Theme

On This Page

`Protected` composing

`Protected` `Optional` ctx

`Protected` `Optional` input

`Protected` decorate

`Protected` inputType

`Protected` toText