design_system/components/data/editable_table_columns
library
Classes
-
ColorPickerColumn
-
A colour column — the cell shows a swatch + the stored
#RRGGBB hex, and
editing opens a swatch menu built from swatches.
-
ComboBoxColumn
-
A combo box — a free-text field with an attached suggestions dropdown.
The user may type any value OR pick one of options.
-
ComputedColumn
-
A read-only column whose value is derived from the whole row by compute,
recomputed on every change (e.g.
qty × price, a status, a concatenation).
-
DateColumn
-
An ISO
YYYY-MM-DD date column: masked keyboard entry plus a calendar
button that opens the Material date picker. first / last bound the
picker's range.
-
DateInputFormatter
-
Masks digit input to
YYYY-MM-DD as the user types (auto-inserts dashes,
caps at 8 digits) — mirrors a web date field's segmented entry.
-
DropdownColumn
-
A strict dropdown — the value must be one of options (no free typing).
Edits via a popup menu.
-
EditableTemporal
-
Pure parse / format helpers for the date & time columns. Dates are ISO
YYYY-MM-DD; times are 24h HH:mm — both matching the HTML
<input type=date|time> value formats.
-
NumericColumn
-
A numeric column with optional min / max clamp and fixed decimals.
Right-aligned & monospace by default; summable via includeInTotal.
-
ReadonlyColumn
-
A non-editable column — the value is shown (or rendered via cellBuilder)
but can never be selected into an editor.
-
TimeColumn
-
A 24-hour
HH:mm time column: masked keyboard entry plus a clock button
that opens the Material time picker.
-
TimeInputFormatter
-
Masks digit input to
HH:mm (auto-inserts the colon, caps at 4 digits).
