mi6
Date time input
Summary
Tell us, in a few words, what the component or pattern would do.
💬 Description
A full description of what the component or pattern should be and how it should work.
💰 User value
Describe why this is important and how it will help users (either developers, designers or the end-users). Think about how it makes people's lives easier, more accessible or quicker to build stuff.
📚 User Stories
If relevant, describe the high-level functionality as user stories.
As an ICDS user:
I need
So that
📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given
When
Then
✏ Designs
If there's a Figma design file (or other mock-up), include it here.
## 🧾 Guidance If there's written guidance or documentation, include a link to it here.
Additional info
Tell us anything else useful to help us understand your suggestion.
https://github.com/mi6/ic-ui-kit/issues/3962 raised to cover enhancements needed to time input & picker for milliseconds, am\pm & time zone support which is needed before developing date-time components
Good news! Datetime input change to allow for milliseconds is relatively easy...simple change to helper text and placeholder text to include MMS (milliseconds).
Bad news; Datetime input does not utilise a calendar view and as such the existing AM/PM selector (available on time picker) cannot easily be incorporated into this single-line input field. Will need to come up with an approach that uses the same styling (as on the picker) but works when placed alongside a single input field.
In Figma, it looks like this has been done under one single branch for datetime picker and datetime input.
Will endeavour to unpick and get datetime input into canary area (as per timeinput) since these are the most simple of the changes to make.
Have merged initial change for datetime input into canary area, so at least we're on an equal footing with time input.
Will have to wait for time input to settle before continuing with datetime input...we need to use the same AMPM toggle, so it might be worthwhile moving that toggle somewhere central (possibly under atoms)
Left to do:
- update Atoms/date status on datetime input component ...is out of date with latest changes
- update datetime input to include AM/PM toggle as per time input
Datetime input has been modified (as per time input) as per previous comment - this is now in the main Figma branch
Minor question raised around Reflow (how will this field handle being limited to 320px)
