I am using the DesktopDateTimePicker component from Material-UI (MUI) in my React application. This component is designed for desktop use, and it does not fit well on mobile screens. I would like to customize the DesktopDateTimePicker to make it more…
I want to remove minutes value that is not divisible by 15 in Material Ui TimePicker component. I am trying this approach but this is not working const shouldDisableTime = (timeValue) => { const minutes = timeValue?.$m; return minutes !==…
I am using jquery timepicker I need set the initial time. let pickip_time = "08:31" if(pickip_time){ pickup_array = pickip_time.split(":"); $('#pickupTime').timepicker({timeFormat:'HH:mm TT',hour:pickup_array[0],minute:pickup_array[1]}); //$('#pickupTime').val(pickip_time); } else { $('#pickupTime').timepicker({timeFormat:'HH:mm TT'}); } Above code does not work. I even tried with below code it…
I need to set a datetimepicker in the specific format dd/mm/yyyy hh:mm tt for example 13/03/2024 2.30 PM. But, I am getting 13/03/2024 14.30. I also can not set the minutes. It only shows the hours like 11.00, 12.00 and…
i am trying to show a calendar in order to user choose a reservation date by clicking the reserve button . and the reservation day's date is shown below the button. i am using DateTime class. i have two questions…
I'm currently working with ASP.NET 4.8 and AngularJS 2.0 in my application, where I've successfully integrated a datetime picker. It's been working flawlessly across various parts of my application. However, I've encountered an issue specifically when using the datetime picker…
var timewsd = document.getElementById("current_datetime").value ; var currentdate = ""; let roundDate = (date = new Date(timewsd), roundToMinutes = 60) => { const ms = 1000 * 60 * roundToMinutes; return new Date(Math.ceil(date.getTime() / ms) * ms); }; var current_time =…
The issue is that, assume I'm selecting the following date and time This is the code i have used to get this <DateTimePicker testID="datePicker" value={date} mode={'datetime'} is24Hour={true} // onChange={e => setDate(e.nativeEvent.timestamp)} onChange={e => { console.log('eee', e); console.log(new Date(e.nativeEvent.timestamp)); setDate(new Date(e.nativeEvent.timestamp));…
I have built DateTimePicker into an InputField for my Android app, but the DateTimePicker by default takes the width of its content and not the total ready of the screen import React, { useState, useEffect } from 'react'; import {…
Is it possible to change the language of the DateTimePicker calendar based on the language selected in the application using i18n? Currently, the language only changes when the device's language is changed. However, changing the language within the application does…