Skip to content

Conversation

@giscegit
Copy link

This PR syncs changes from the main branch to develop.

Claude Code and others added 21 commits January 8, 2026 10:24
- Add MaskedDateInput component with DD/MM/YYYY mask
- Add MaskedDateTimeInput component with DD/MM/YYYY HH:mm:ss mask
- Add MaskedTimeInput component with HH:mm:ss mask

Features:
- Input masking with auto-insert separators (using imask)
- Autocomplete on Enter key and blur
- Escape key commits value and moves to next focusable element
- Clear value when input is empty
- Optional calendar/clock popup buttons for visual selection
- Required field styling
- Error tooltip for invalid values

Closes gisce/webclient#2291

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Marc Güell Segarra <mguellsegarra@users.noreply.github.com>
- Add onDoubleClick handler to MaskedDateInput, MaskedDateTimeInput, and MaskedTimeInput
- Double-click now commits value (same as Enter key) per issue gisce/webclient#2291
- Update MaskedDateInput.stories.tsx with comprehensive keyboard behavior demo
- Add keyboard/mouse behavior documentation to component description

Closes gisce/webclient#2291

Co-authored-by: Marc Güell Segarra <mguellsegarra@users.noreply.github.com>
…ed icon style

- When pressing Enter/Escape/Double-click on an empty masked input,
  it now autocompletes to the current date/time instead of setting null
- Changed visual style from separate button to integrated suffix icon
  inside the input (matching antd's DatePicker style)
- Updated Storybook with "Enter on Empty" test case

Closes gisce/webclient#2291

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-authored-by: Marc Güell Segarra <mguellsegarra@users.noreply.github.com>
…-formiga-components into claude/masked-datetime-input
feat: add masked input components for date/time widgets
# [1.20.0](v1.19.1...v1.20.0) (2026-01-13)

### Bug Fixes

* add locale cases ([b9e08ed](b9e08ed))
* adjust meta a mac keyboard issue ([6f0860d](6f0860d))
* autocomplete to current date on enter with empty input, integrated icon style ([ffff844](ffff844)), closes [gisce/webclient#2291](https://github.com/gisce/webclient/issues/2291)
* improve code quality ([0459614](0459614))
* more adjustmetns ([bd6222c](bd6222c))
* more improvements ([5ee3c61](5ee3c61))
* more tests ([f6435ad](f6435ad))
* picker container placement bug ([9de878d](9de878d))
* revert old behaviour in dateinput ([b3d2cc5](b3d2cc5))
* tests and footer ok button visibility issues ([49b7764](49b7764))

### Features

* add double-click handler and improved storybook docs ([351f8a4](351f8a4)), closes [gisce/webclient#2291](https://github.com/gisce/webclient/issues/2291) [gisce/webclient#2291](https://github.com/gisce/webclient/issues/2291)
* add masked input components for date/time widgets ([179f43b](179f43b)), closes [gisce/webclient#2291](https://github.com/gisce/webclient/issues/2291)
* new approach for date with masked inputs ([18f2045](18f2045))
* tests and date masked input ([abde828](abde828))
* two way sync and other improvements ([c7b4fee](c7b4fee))
@mguellsegarra mguellsegarra merged commit bb28d46 into develop Jan 13, 2026
1 check passed
@mguellsegarra mguellsegarra deleted the sync/main-to-develop-20260113-123152 branch January 13, 2026 12:34
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.

4 participants