Skip to content

Feat/datepicker editor#5

Open
rathboma wants to merge 27 commits intomasterfrom
feat/datepicker-editor
Open

Feat/datepicker editor#5
rathboma wants to merge 27 commits intomasterfrom
feat/datepicker-editor

Conversation

@rathboma
Copy link
Copy Markdown

@rathboma rathboma commented Apr 8, 2026

potential new module. Pushed to a PR for easier review

azmy60 and others added 27 commits June 11, 2024 14:49
…ge-conflict

fix navigation conflict with SelectRange and Edit
fix(rendering): optimize row height initialization in VirtualDomVertical
Fix row data update workflow to properly trigger cells update events of uninitialized cells (olifolkerd#4723)
fix dataree initializeRow: check parentNode before removing elements
* fix deprecated keyCode

* add keybindings test

* remove unused import
New `datepicker` editor that provides a calendar popup for date
selection in table cells. Unlike the existing `date` editor (which
uses native browser `<input type="date">`), this builds a full
calendar UI from scratch with no external dependencies.

Features:
- Editable text input with a floating calendar toggle button
- Month navigation and year dropdown for quick jumping
- Today/Clear footer buttons (configurable)
- Min/max date constraints with disabled day styling
- Luxon format support (iso, custom, DateTime object)
- Customizable day/month names for i18n
- Theme-aware: calendar and button use header colors so they
  look correct across all Tabulator themes including dark ones
- Calendar and button use position:fixed so they work regardless
  of body margins, table overflow, or viewport edge proximity
- Button auto-positions: right of cell when there's room, below
  when at the right edge, above as last resort
- Parses YYYY-MM-DD as local time to avoid the classic UTC
  timezone day-shift bug

Files:
- New: src/js/modules/Edit/defaults/editors/datepicker.js
- Modified: src/js/modules/Edit/defaults/editors.js (registration)
- Modified: src/scss/tabulator.scss (calendar + button styles)
- New: examples/datepicker.html (demo with theme switcher)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants