yogiedigital/cod-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(date): change only in device to UTC

Browse Source
This commit is contained in:
zain_arif
2026-07-09 13:07:43 +07:00
parent e02aa92c64
commit ec067bf4e4
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/master/device/component/DetailDevice.jsx
View File

@@ -208,8 +208,8 @@ const DetailDevice = (props) => {
useEffect(() => { useEffect(() => {
if (formData.start_date && formData.end_date) { if (formData.start_date && formData.end_date) {
const start = dayjs(formData.start_date); const start = dayjs.utc(formData.start_date);
const end = dayjs(formData.end_date); const end = dayjs.utc(formData.end_date);
let periodValue = 'custom'; let periodValue = 'custom';
@@ -238,7 +238,7 @@ const DetailDevice = (props) => {
if (value !== 'custom') { if (value !== 'custom') {
const months = Number(value); const months = Number(value);
const startDate = dayjs().startOf('day'); const startDate = dayjs.utc().startOf('day');
const endDate = startDate const endDate = startDate
.add(months, 'month') .add(months, 'month')
.subtract(1, 'day') .subtract(1, 'day')
@@ -470,7 +470,7 @@ const DetailDevice = (props) => {
<DatePicker <DatePicker
value={ value={
formData.reminder_at formData.reminder_at
? dayjs(formData.reminder_at) // ✅ langsung parse ISO ? dayjs.utc(formData.reminder_at) // ✅ langsung parse ISO
: null : null
} }
onChange={(date) => onChange={(date) =>
@@ -517,14 +517,14 @@ const DetailDevice = (props) => {
<div style={{ display: 'flex', gap: 8, marginBottom: 12 }}> <div style={{ display: 'flex', gap: 8, marginBottom: 12 }}>
<DatePicker <DatePicker
placeholder="Start Date" placeholder="Start Date"
value={formData.start_date ? dayjs(formData.start_date) : null} value={formData.start_date ? dayjs.utc(formData.start_date) : null}
onChange={(date) => onChange={(date) =>
handleDateChange('start_date', date ? date.toISOString() : null) handleDateChange('start_date', date ? date.toISOString() : null)
} }
disabledDate={(current) => disabledDate={(current) =>
formData.end_date && formData.end_date &&
current && current &&
current.isAfter(dayjs(formData.end_date), 'day') current.isAfter(dayjs.utc(formData.end_date), 'day')
} }
format="DD-MM-YYYY HH:mm" format="DD-MM-YYYY HH:mm"
showTime={{ format: 'HH:mm' }} showTime={{ format: 'HH:mm' }}
@@ -533,14 +533,14 @@ const DetailDevice = (props) => {
<DatePicker <DatePicker
placeholder="End Date" placeholder="End Date"
value={formData.end_date ? dayjs(formData.end_date) : null} value={formData.end_date ? dayjs.utc(formData.end_date) : null}
onChange={(date) => onChange={(date) =>
handleDateChange('end_date', date ? date.toISOString() : null) handleDateChange('end_date', date ? date.toISOString() : null)
} }
disabledDate={(current) => disabledDate={(current) =>
formData.start_date && formData.start_date &&
current && current &&
current.isBefore(dayjs(formData.start_date), 'day') current.isBefore(dayjs.utc(formData.start_date), 'day')
} }
format="DD-MM-YYYY HH:mm" format="DD-MM-YYYY HH:mm"
showTime={{ format: 'HH:mm' }} showTime={{ format: 'HH:mm' }}
@@ -555,7 +555,7 @@ const DetailDevice = (props) => {
disabled={formData.period === 'custom'} disabled={formData.period === 'custom'}
value={ value={
formData.reminder_at_monthly formData.reminder_at_monthly
? dayjs(formData.reminder_at_monthly) // ✅ langsung parse ISO ? dayjs.utc(formData.reminder_at_monthly) // ✅ langsung parse ISO
: null : null
} }
onChange={(date) => onChange={(date) =>