ammar/cally
1
0
Fork 0
mirror of https://github.com/urosran/cally.git synced 2025-07-16 01:56:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Seconds & time logic

Browse Source
This commit is contained in:
Dejan
2024-10-12 20:44:29 +02:00
parent 621c7f1f50
commit ed0c654a55
2 changed files with 43 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
components/pages/calendar/ManuallyAddEventModal.tsx
View File

@ -69,7 +69,7 @@ export const ManuallyAddEventModal = ({
return date;
});
const [endTime, setEndTime] = useState(() => {
const date = initialDate ? addHours(initialDate, 1) : new Date();
const date = initialDate ? addHours(initialDate, 1) : addHours(new Date(), 1);
date.setSeconds(0, 0);
return date;
});
@ -243,14 +243,27 @@ export const ManuallyAddEventModal = ({
<Feather name="calendar" size={25} color="#919191" />
<DateTimePicker
value={startDate}
text70
marginL-8
onChange={(date) => {
setStartDate(date);
}}
maximumDate={endDate}
text70
marginL-8
/>
</View>
<DateTimePicker text70 value={startDate} mode="time" marginR-30/>
<DateTimePicker
value={startTime}
onChange={(date) => setStartTime(date)}
maximumDate={endTime}
minuteInterval={5}
dateTimeFormatter={(date, mode) => date.toLocaleTimeString("en-us",
{ hour: "numeric",
minute: "numeric"
})}
mode="time"
text70
marginR-30
/>
</View>
{!isAllDay && <View row marginB-10 spread>
@ -258,6 +271,7 @@ export const ManuallyAddEventModal = ({
<Feather name="calendar" size={25} color="#919191" />
<DateTimePicker
value={endDate}
minimumDate={startDate}
text70
marginL-8
onChange={(date) => {
@ -265,7 +279,19 @@ export const ManuallyAddEventModal = ({
}}
/>
</View>
<DateTimePicker text70 value={endDate} mode="time" marginR-30/>
<DateTimePicker
value={endTime}
onChange={(date) => setEndTime(date)}
minimumDate={startTime}
minuteInterval={5}
dateTimeFormatter={(date, mode) => date.toLocaleTimeString("en-us",
{ hour: "numeric",
minute: "numeric"
})}
mode="time"
text70
marginR-30
/>
</View>}
</View>