jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: fix weird dateRange interaction with time picker

Browse source
This commit is contained in:
nick-delirium 2025-02-18 13:05:48 +01:00
parent cd5d6e861d
commit 63b6b39d75
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
1 changed files with 4 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/app/components/shared/DateRangeDropdown/DateRangePopup.tsx
View file

@ -44,7 +44,8 @@ function DateRangePopup(props: any) {
if (!range.end || value > range.end) {
return;
}
setRange(Interval.fromDateTimes(value, range.end));
const newRange = range.start.set({ hour: value.hour, minute: value.minute });
setRange(Interval.fromDateTimes(newRange, range.end));
setValue(CUSTOM_RANGE);
};
@ -52,7 +53,8 @@ function DateRangePopup(props: any) {
if (!range.start || (value && value < range.start)) {
return;
}
setRange(Interval.fromDateTimes(range.start, value));
const newRange = range.end.set({ hour: value.hour, minute: value.minute });
setRange(Interval.fromDateTimes(range.start, newRange));
setValue(CUSTOM_RANGE);
};
@ -92,11 +94,6 @@ function DateRangePopup(props: any) {
<div className="flex justify-center h-fit w-full items-center dateRangeContainer">
<DateRangePicker
name="dateRangePicker"
// onSelect={this.selectCustomRange} -> onChange
// numberOfCalendars={2}
// selectionType="range"
// maximumDate={new Date()}
// singleDateRange={true}
onChange={selectCustomRange}
shouldCloseCalendar={() => false}
isOpen