gcds-components icon indicating copy to clipboard operation
gcds-components copied to clipboard

feat: ability to select a time with the Date component

Open radmorecameron opened this issue 4 months ago • 0 comments

Prerequisites | Prérequis

Describe the feature request. | Décrivez la fonctionnalité demandée

HTML has the built-in datetime-local input type. Only Chromium browsers seem to properly support this, however. It'd be nice to get a more accessible browser agnostic solution to this into GC Design Systems.

Describe the use case. | Décrivez les cas d’utilisation

There are some cases where we want users to be able to specify a date and time (ex: send a bulk email at the specified date & time with GCNotify).

Another usecase we are likely to have is: entering your time off into an application so it won't automatically assign things to your queue while you are away.

Describe the preferred solution. | Décrivez la solution souhaitée

Update GcdsDate to have a property for displaying/entering time as well as the date. This can be an additional GcdsInput with the input type set to time. The value from the GcdsDate should take the time into account and should validate accordingly.

Describe all alternatives. | Décrivez toutes les solutions possibles

Create a separate component called GcdsDateTime that is a wrapper for GcdsDate and GcdsInput (where the gcdsinput has type time)

Create a custom time selecting component (ex: use multiple select elements instead for hour, minute, second and optionally AM/PM for english)

Provide related code or examples. | Fournissez du code ou des exemples pertinents

No response

Add other relevant resources. | Ajoutez toute autre ressource utile

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/time https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/datetime-local GCNotify "scheduled_for" => https://documentation.notification.canada.ca/en/send.html#optional-arguments

radmorecameron avatar Aug 19 '25 14:08 radmorecameron