Add Date/Time Picker component #56

Closed
RealZone22 wants to merge 0 commits from github/fork/chetanupare/feature/date-time-picker into v1
RealZone22 commented 2026-02-14 07:22:18 +01:00 (Migrated from git.cyanfox.de)

Closes #24

Adds reusable Date/Time Picker components as requested:

Date Picker (x-pengublade::date-picker)

  • Single date selection
  • Date range selection (mode="range")

Time Picker (x-pengublade::time-picker)

  • Hours and minutes selection
  • Optional seconds (:seconds="true")

Date + Time Picker (x-pengublade::date-time-picker)

  • Combined date and time in a single component
  • Optional seconds support

Uses native HTML5 inputs for accessibility; follows existing component patterns (label, hint, validation, tooltip, icon).

Closes #24 Adds reusable Date/Time Picker components as requested: **Date Picker** (`x-pengublade::date-picker`) - Single date selection - Date range selection (`mode="range"`) **Time Picker** (`x-pengublade::time-picker`) - Hours and minutes selection - Optional seconds (`:seconds="true"`) **Date + Time Picker** (`x-pengublade::date-time-picker`) - Combined date and time in a single component - Optional seconds support Uses native HTML5 inputs for accessibility; follows existing component patterns (label, hint, validation, tooltip, icon).
RealZone22 commented 2026-02-18 18:48:54 +01:00 (Migrated from git.cyanfox.de)

Can you tell me, why didn't you add support for wire:model? Maybe add two variables for start and end which will be used in wire:model

Can you tell me, why didn't you add support for wire:model? Maybe add two variables for start and end which will be used in wire:model
RealZone22 commented 2026-02-18 18:51:34 +01:00 (Migrated from git.cyanfox.de)

I looked at other components, and as far as I know, there was a problem with using PHP variables for UUIDs. Take a look at the input component, for example. There, the UUID is generated with x-data.

I looked at other components, and as far as I know, there was a problem with using PHP variables for UUIDs. Take a look at the input component, for example. There, the UUID is generated with x-data.
RealZone22 commented 2026-02-18 18:52:50 +01:00 (Migrated from git.cyanfox.de)

Same here. Use the x-data for uuid generation

Same here. Use the x-data for uuid generation
RealZone22 commented 2026-02-18 18:53:17 +01:00 (Migrated from git.cyanfox.de)

Same here. Use the x-data for uuid generation

Same here. Use the x-data for uuid generation
RealZone22 commented 2026-02-18 18:58:10 +01:00 (Migrated from git.cyanfox.de)

The flex-wrap let the two inputs appear under each other:

Image
The `flex-wrap` let the two inputs appear under each other: <img width="798" height="129" alt="Image" src="https://github.com/user-attachments/assets/e3710a79-5b3e-48d9-93d1-6bd80113112d" />
RealZone22 commented 2026-03-24 08:24:19 +01:00 (Migrated from git.cyanfox.de)

restored source branch github/fork/chetanupare/feature/date-time-picker

restored source branch `github/fork/chetanupare/feature/date-time-picker`
RealZone22 (Migrated from git.cyanfox.de) closed this pull request 2026-03-24 09:45:23 +01:00
RealZone22 commented 2026-03-24 09:45:24 +01:00 (Migrated from git.cyanfox.de)

changed the description

changed the description

Pull request closed

Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
RealZone22/PenguBlade!56
No description provided.