hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

version datepicker to desktop date picker

Browse Source
This commit is contained in:
Ehsan
2024-10-24 00:50:07 +03:30
parent a7fa36684d
commit 50c7386247
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/component/TimePickerField.js
+4 -2
View File
@@ -1,6 +1,6 @@
import { useRef, useState } from "react"; import { useRef, useState } from "react";
import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs"; import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
import { LocalizationProvider, TimePicker } from "@mui/x-date-pickers"; import { DesktopTimePicker, LocalizationProvider } from "@mui/x-date-pickers";
import { handleTwoLength } from "@/helper"; import { handleTwoLength } from "@/helper";
import ClockField from "@/components/icons/ClockField"; import ClockField from "@/components/icons/ClockField";
@@ -15,9 +15,11 @@ function TimePickerField({ dataChange, isVacation, disable, timeStart, data }) {
return ( return (
<div className="w-full relative field-date-picker"> <div className="w-full relative field-date-picker">
<LocalizationProvider dateAdapter={AdapterDayjs}> <LocalizationProvider dateAdapter={AdapterDayjs}>
<TimePicker <DesktopTimePicker
ampm={false} ampm={false}
open={isOpen} open={isOpen}
MobileDatePicke
vers
onClose={closeTimePicker} onClose={closeTimePicker}
disabled={isVacation} disabled={isVacation}
format="hh:mm" format="hh:mm"