Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
36 commits
Select commit Hold shift + click to select a range
0a149d4
wip - getting all segment parts
shaneeza Dec 5, 2025
c741b7d
feat(time-input): add date-fns-tz dependency and enhance TimeInput co…
shaneeza Dec 5, 2025
4e067b4
wip
shaneeza Dec 6, 2025
d821382
refactor(time-input): clean up logging and improve date and timezone …
shaneeza Dec 8, 2025
d719191
refactor(time-input): remove console logs and update time formatting …
shaneeza Dec 8, 2025
13b0636
refactor(time-input): enhance TimeInputInputs with improved segment v…
shaneeza Dec 8, 2025
395029c
refactor(time-input): streamline date handling and validation logic i…
shaneeza Dec 9, 2025
179b69d
refactor(time-input): enhance logging in useTimeSegments and update t…
shaneeza Dec 9, 2025
c91bf4d
refactor(time-input): simplify TimeInputInputs logic by consolidating…
shaneeza Dec 9, 2025
84c8c65
test(time-input): enhance isEverySegmentValueExplicit tests for 12 an…
shaneeza Dec 10, 2025
a4e8ff3
refactor(time-input): improve logging and streamline utility imports …
shaneeza Dec 10, 2025
8b93255
refactor(time-input): improve useTimeSegments logic and logging for d…
shaneeza Dec 10, 2025
f1f6830
refactor(time-input): streamline useSelectUnit and useTimeSegments ho…
shaneeza Dec 10, 2025
7bb59dc
refactor(time-input): integrate useTimeSegmentsAndSelect hook into Ti…
shaneeza Dec 10, 2025
e63805e
WIP TESTS
shaneeza Dec 10, 2025
874cc31
refactor(time-input): integrate useTimeSegmentsAndSelectUnit hook int…
shaneeza Dec 11, 2025
328d4bf
refactor(time-input): enhance useTimeSegmentsAndSelectUnit hook with …
shaneeza Dec 12, 2025
86d7de7
refactor(time-input): remove unused hooks and streamline TimeInputInp…
shaneeza Dec 12, 2025
b249677
test(time-input): add initial tests for TimeInputBox, verifying input…
shaneeza Dec 12, 2025
c12420f
merge conflict
shaneeza Dec 12, 2025
75cd7e6
Merge branch 'LG-5532/segments-display-values' of github.com:mongodb/…
shaneeza Dec 12, 2025
4d41446
refactor(time-input): update TimeInput story with new default date an…
shaneeza Dec 12, 2025
7887c6a
test(time-input): enhance TimeInputInputs tests for rendering and re-…
shaneeza Dec 12, 2025
eb630cd
merge conflict
shaneeza Dec 14, 2025
e1d6f3e
refactor(time-input): remove unused is12HourFormat prop and enhance t…
shaneeza Dec 14, 2025
3e506bd
test(time-input): expand TimeInputInputs tests for various time zones…
shaneeza Dec 14, 2025
d971c5a
refactor(date-picker, time-input): remove commented debug logs and up…
shaneeza Dec 14, 2025
8071e07
refactor(time-input): streamline UTC date conversion by removing unne…
shaneeza Dec 14, 2025
9b9abb2
refactor(time-input): remove date-fns-tz dependency and utilize newUT…
shaneeza Dec 14, 2025
2b0dfd4
Merge branch 'LG-5532/segments-display-values' of github.com:mongodb/…
shaneeza Dec 14, 2025
332709d
refactor(time-input): rename handleSegmentUpdate to handleSegmentAndS…
shaneeza Dec 14, 2025
cf91ea4
refactor(time-input): simplify select unit handling by removing redun…
shaneeza Dec 14, 2025
ac4b5d2
refactor(time-input): consolidate hook exports for improved organization
shaneeza Dec 14, 2025
4909e9e
Merge branch 'LG-5532/segments-state-utils' of github.com:mongodb/lea…
shaneeza Dec 14, 2025
55c8007
Merge branch 'LG-5532/segments-state-utils' of github.com:mongodb/lea…
shaneeza Dec 15, 2025
569f86c
fix(time-input): correct import statement formatting in TimeInputInpu…
shaneeza Dec 15, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 17 additions & 2 deletions packages/time-input/src/TimeInput.stories.tsx
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/* eslint-disable no-console */
import React, { useState } from 'react';
import {
storybookArgTypes,
Expand Down Expand Up @@ -52,11 +53,25 @@ export default meta;

const Template: StoryFn<typeof TimeInput> = props => {
const [value, setValue] = useState<DateType | undefined>(
new Date('1990-02-20T14:30:50Z'),
new Date('2026-02-20T04:00:00Z'),
);

return (
<TimeInput {...props} value={value} onTimeChange={time => setValue(time)} />
<div>
<TimeInput
{...props}
value={value}
onTimeChange={time => {
setValue(time);
console.log('Storybook: onTimeChange ⏰', {
localTime: time,
utcTime: time?.toUTCString(),
});
}}
/>
<p>Time zone: {props.timeZone}</p>
<p>UTC value: {value?.toUTCString()}</p>
</div>
);
};

Expand Down
Loading
Loading