Questions tagged [timepicker]

A view for selecting the time of day, in either 24 hour or AM/PM mode.

Filter by
Sorted by
Tagged with
0 votes
0 answers
65 views

how to add more than 24 hours in showtimepicker in flutter?

I have a question about this this timePicker : this is my code : final TimeOfDay? picked = await showTimePicker( context: context, initialTime: TimeOfDay....
behnami454's user avatar
0 votes
0 answers
15 views

How to give Nativescript timepicker 24-hour format instead of 12-hour?

I use <TimePicker class="activity-picker" /> to add a time picker to my android application. But the time picker shows the time in a 12-hour format instead of 24-hours. I want to be ...
Clay.Lente's user avatar
0 votes
1 answer
27 views

Configuring TimePicker in Ant Design to Display and Select Time in 'HH:mm' Format

How can I configure the TimePicker component in Ant Design to always display and select the time in the "HH:mm" format, regardless of whether the user enters the time in the formats "HH,...
MohammadHossine Rezazadeh's user avatar
1 vote
0 answers
15 views

Antd timePicker keeps showing date when loading the data by using form.setFieldsValue

when I trying to load time string "14:00:00.000+08:00" into the antd timepicker component, the timepicker keeps showing the date with the time. Looks like the date is auto added by dayjs. I ...
YiTong Shao's user avatar
0 votes
0 answers
29 views

Set min and max value in ngx-bootstrap Timepicker with popover

I have an NGX Bootstrap Timepicker component as follow: <ng-template #myRef> <timepicker id="minTimeStoppedAdvanceId" [showMeridian]="false" [showSeconds]=&...
jgcarrillo's user avatar
3 votes
1 answer
80 views

TimePicker button for Angular Material Input with type time

The MDC-based MatInput hides the native picker indicator. I would like to recreate this indicator in a modern way with an input with a button <mat-form-field appearance="outline"> &...
Schmetti's user avatar
  • 103
0 votes
1 answer
67 views

Flutter Dropdown Time Picker

I want to add TimePicker in my flutter app. Time picker should be open in dropdown with 3 columns Hours,Minute and AM/PM. How can I do this? Thanks in Advance.
Honey Last's user avatar
0 votes
0 answers
25 views

Nebular timepicker input shows 'date' instead of 'time' when the time is removed

There is a strange thing happening with nebular time picker. Every time I try to remove the 'time' from the nebular time picker input, it shows date instead. The code I have added in my files- app....
Gopika Singh's user avatar
0 votes
0 answers
31 views

React Native Time Picker not Working issue

I'm developing a React Native project that requires the implementation of a time picker to enable users to select a time for specific tasks. After experimenting with several time picker libraries, I ...
Yasiru Chamuditha's user avatar
1 vote
0 answers
59 views

Set a list of available times in jquery timepicker

I am trying to set a list of predefined times in a jQuery timepicker. It should run from 10am to 12 midnight. I am also trying to highlight certain times that there is no availability. I believe my ...
Leonie's user avatar
  • 31
1 vote
0 answers
86 views

Antd TimePicker-RangePicker's values cannot be changed / detected when initial values are set

I have implemented TimePicker from antd and RangePicker like this: import { TimePicker } from 'antd'; const { RangePicker } = TimePicker; And I implemented it in a form for user to change the time ...
Asymptotes's user avatar
0 votes
1 answer
106 views

Updating preset ranges in Easepick

I'm using the following Easepick: const minute = 60 * 1000; const hour = 60 * minute; const day = 24 * hour; const picker = new easepick.create({ element: "#select_start", css: ["https://cdn....
user22009348's user avatar
0 votes
0 answers
45 views

Time picker scroll-snap issue

I am trying to re-create the time picker used in the Samsung Galaxy devices' Clock(Alarm) app. So far, I made good progress, but I have one issue. When I scroll sometimes(most of the time) 1 hour/...
blazarow09's user avatar
0 votes
1 answer
17 views

MaterialDesignThemes Wpf TimePicker as Non Typable

MaterialDesignThemes.Wpf.TimePicker timePicker = new MaterialDesignThemes.Wpf.TimePicker(); timePicker.Name = name.Replace("/", "000").Trim(); timePicker....
Mihir Choudhary's user avatar
0 votes
0 answers
177 views

How to implement modern digital time picker like this in ReactJS

I am looking for a way to implement like this time picker in the ReactJS application. Any one know how to get a modern time picker like this?
Daham Akalanka's user avatar
0 votes
1 answer
110 views

Angular material timepicker

Is there an angular material component like this? link This component is not working on Firefox. I need to have the same functions and a step of 30 minutes. How can I do?
Giulia francalancia's user avatar
0 votes
1 answer
28 views

How to change fontColor when disabled and change borderColor of input when hovering - TimePicker Material UI MUI React

I'm trying to change some properties in TimePicker Component, like change the fontColor when TimePicker is disabled and remove the defauld borderColor when hovering the input. Does anyone knows how to ...
lucasnatanmelo's user avatar
0 votes
1 answer
114 views

Composable TimePicker does not set the time to 23:50

I have an seeing this issue with composable TimePicker, which uses a timePickerState - rememberTimePickerState. to test this I am setting manually the time to be 23:59 but the displayed time in the ...
BRDroid's user avatar
  • 4,052
0 votes
1 answer
229 views

Capitalize AM/PM in Material 3 Jetpack Compose TimePicker

How to capitalize the AM/PM in Jetpack Compose M3 TimePicker? Missed to add earlier - Works in my emulator, the issue is device-specific (depends on Locale). In the emulator, the AM/PM appears in ...
Abhimanyu's user avatar
  • 12.4k
1 vote
1 answer
89 views

How to change fontColor when TimePicker is disabled- MUI React

I'm trying to set another color to the text in TimePicker when it is disabled, but with no success. Does anyone knows how to do change it using sx or slotProps? Here is my current code. <TimePicker ...
lucasnatanmelo's user avatar
0 votes
1 answer
108 views

How to set height, width and border-radius in TimePicker component - MUI React

I'm trying to change some properties like height, width and border-radius of the input in TimePicker, but with no success. Does anyone knows how to do change it using sx or slotProps? Here is my ...
lucasnatanmelo's user avatar
1 vote
1 answer
77 views

How to change Clock Color and Ok button fontColor in TimePicker - MUI React

I'm trying to change some properties like Clock Color and Ok button fontColor in TimePicker using the css className properties, but with no success. Does anyone knows how to do change it using sx or ...
lucasnatanmelo's user avatar
3 votes
1 answer
158 views

How to change background color of Dropdown in TimePicker and font color - MUI React

I'm trying to change some properties like background color and font color in TimePicker using the css className properties, but with no success. Does anyone knows how to do this and where can I find a ...
lucasnatanmelo's user avatar
1 vote
0 answers
38 views

How can I change the AM/PM display to be in Spanish (Mexico) in a Xamarin Forms TimePicker?

I have a TimePicker in my Xamarin.Forms application which displays the time, but shows AM and PM using capitalized format. I believe in es-mx globalization, this should appear as "a.m." and &...
Victor Chelaru's user avatar
0 votes
0 answers
22 views

How to disable previous time when chosen date is today?

I'm having these two datepicker and timepicker. <b-form-datepicker v-model="notification_date"></b-form-datepicker> <b-form-timepicker v-model="notification_hour">...
dragonquila's user avatar
2 votes
0 answers
36 views

How to set interval time for TimePickerDialog?

I use TimePickerDialog that show hours and minutes. I need that show only 30 minutes interval from start 00:30. That should be like 00:30, 1:00, 1:30, 2:00. I searched solution but I did not get clear ...
Ahmet Yılmaz's user avatar
0 votes
1 answer
1k views

In Angular 15.2.4, ngx-mat-timepicker is not working

In my Angular 15.2.4 project ngx-material-timepicker is not working. It's imported in my app.module.ts: `import { NgxMatTimepickerModule } from 'ngx-mat-timepicker'; @NgModule({ imports: [...
nawaz uddin's user avatar
0 votes
2 answers
46 views

time format not changing in timepicker kotlin

So I used a timepicker in android studio Kotlin to receive input from the user as the following: ` private lateinit var editTime : TimePicker ` I did create the timepicker successfully, but whenever ...
Haitham Shalabi's user avatar
0 votes
1 answer
96 views

How to create an Alert Dialogue with selecting values of no. of days, hours and minutes in flutter?

I am new to flutter, I knew very basic about flutter. I am trying to set a timer in my app, I want user to select number of days, hours and minutes. And it should be of a maximum 6 days 23 hours 59 ...
AKC's user avatar
  • 13
2 votes
2 answers
290 views

Laravel-9 jQuery Timepicker Disable specific time how?

$(document).ready(function(){ $('#time').timepicker({ timeFormat: 'h:mm a', interval: 60, minTime: '9', maxTime: '4:00pm', defaultTime: '9', startTime: '9:00', dynamic: ...
환Ji's user avatar
  • 27
1 vote
0 answers
245 views

Angular: Unable to set ngx-bootstrap timepicker with standalone input

I'm using this timepicker of ngx-bootstrap library. <ng-template #quantityTimeAdvancedPicker> <timepicker [showMeridian]="false" [showSeconds]="true" [minuteStep]=&...
jgcarrillo's user avatar
0 votes
0 answers
119 views

Jquery validation - addMethod is not working on timepicker inputs

I have a form with two inputs (startTime, endTime), I use timepicker on those. I wanted to set the endTime depending on the startTime (if the startDat and enddate are the same), ex: Event is starting ...
Denis's user avatar
  • 99
3 votes
1 answer
1k views

How to limit the time in showTimePicker Flutter

I need to set Time limit at TimePicker. like i need to set time picker in between 12pm to 6pm and another time i don't want to select from user. In older version of flutter they provide allowedHours ...
Harsh's user avatar
  • 61
-2 votes
1 answer
228 views

How to change the color of Time_range_picker

I want to change the color blue in this time picker, for example I want to change the color of OK and CANCEL button and AM/PM and time selection to red I added a screenshot for the time picker and I ...
deem's user avatar
  • 35
0 votes
0 answers
9 views

Calendar Schedule Timepicker

So I'm trying to figure out how on the backend how to disable timeslots for my timepicker that a separate user selected. Not sure if I need to use a database or how to go about working on this. Any ...
Colby41's user avatar
0 votes
1 answer
176 views

need to make timepicker in reactjs like uber timepicker and want now option in dropdown

{val.getDate() === +todayDate ? ( <TimePicker className="carDetailOption" value={val} onChange={(date) => setVal(...
Hemendra Mehta's user avatar
0 votes
0 answers
78 views

Flutter time picker with 1-12 in the outer circle, and 13-00 in the inner circle

I'm using showTimePicker in flutter with 24 hour format. My Code: var selectDateTime = await showTimePicker( context: context, initialTime: TimeOfDay.now(), ...
Honey Last's user avatar
0 votes
1 answer
1k views

Cannot get ngx-material-timepicker to work in my Angular Project

In my Angular 14 project ngx-material-timepicker is not working. It's showing this error: declare (property) TimepickerDirective.timepicker: NgxMaterialTimepickerComponent Type 'MatDatepicker' is ...
Sara's user avatar
  • 1
-1 votes
1 answer
444 views

Stange behavior of time in @react-native-community/datetimepicker IOS device

I am having a very strange issue in the IOS device for @react-native-community/datetimepicker while using "TIME" mode. Whenever I change the time it automatically reverted back to the actual ...
DeDevelopers's user avatar
0 votes
0 answers
38 views

MUI TimePicker Automatic changes 3digits time to four with adding 0 at start position

I want the MUI timepicker works like Goodle Calendar picker. Should be able to type in "430p" instead of "0430p" to show 04:30 pm. I have some problems with MUI masks and the ...
Anna Sam's user avatar
0 votes
0 answers
42 views

[TimePicker][React] Material UI - How to add simple HH:MM above the clock face?

I try add simple text of selected hour "HH:MM" like in design in picture: My code looks like: <LocalizationProvider dateAdapter={AdapterDayjs}> <...
handzel's user avatar
  • 91
0 votes
0 answers
49 views

How to constantly make iPhone vibrate every time the timepicker wheel rolls

I am new to SwiftUI programming, and I currently am working on a mock-up project where I want to create an iPhone timepicker simulator. Part of the codes are shown below and the main part is inspired ...
Yunjia You's user avatar
-2 votes
2 answers
178 views

Unable to Set TimePicker in Blazorise Blazor

I need to bind time picker initial value from my model. time picker as addon It is initialized TimePicker? timePicker = new(); full code I have tried both ways: timePicker = new TimePicker() { Time = ...
jabbar007's user avatar
0 votes
1 answer
135 views

Disable Keyboard from TimePicker in Xamarin Form ios

How to disable the keyboard from showing up when the user taps on a time ? I am using a simple TimePicker in xamarin forms for ios app
MainakChoudhury's user avatar
0 votes
0 answers
33 views

Why doesn't vue-timepicker's dropbox appear?

import VueTimepicker from 'vue2-timepicker' import 'vue2-timepicker/dist/VueTimepicker.css' export default { name: 'ActivityDetection', components :{VueTimepicker} } I imported vue-timepicker and ...
hyunjun's user avatar
0 votes
0 answers
282 views

How to Set Dropdown Option Value as 24 Hours Format but Show AM/PM Times For User to Select? Using jQuery Timepicker (by jonthornton)

I'm using the following jonthornton/jquery-timepicker plugin (https://github.com/jonthornton/jquery-timepicker) Here is the code: $('.timepicker').timepicker({ 'timeFormat': 'H:i', ...
Oudin's user avatar
  • 483
0 votes
0 answers
176 views

Flutter cupertino datetime picker - on time selected "call to action"

How can I call to action in flutter dateTime picker? I have got working state that updates current time to selected time but I am not sure how to execute selected time to do something.(if _time = ...
Jacob Nero's user avatar
0 votes
1 answer
85 views

Customize time picker

Is it possible to customize the standart time picker as in the below picture? The time picker i want to make I can create my own time picker with the below code: mTimePicker = TimePickerDialog(...
Metropol_Tilkisi's user avatar
1 vote
1 answer
129 views

How to add Extra Text in the TimePicker in iOS

I need to extra text into the picker as you see below. For the hour section, I need to add Stunden (Hour(s) is ) and for the minute section I need to add Min. I am using Xamarin/MAUI but in this case ...
ertan2002's user avatar
  • 1,470
1 vote
2 answers
194 views

How to configure (Date)Timepicker in TYPO3 12 Backend

I'm trying to configure the new Datetimepicker(Flatpickr) introduced in the TYPO3 Backend. By default the time is picked with AM/PM but I want to use a 24h Timepicker. I don't see how to configure ...
Evolvee's user avatar
  • 13

1
2 3 4 5
31