Questions tagged [timepicker]
A view for selecting the time of day, in either 24 hour or AM/PM mode.
1,542
questions
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....
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 ...
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,...
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 ...
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]=&...
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">
&...
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.
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....
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 ...
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 ...
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 ...
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....
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/...
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....
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?
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?
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 ...
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 ...
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 ...
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
...
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 ...
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 ...
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 ...
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 &...
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">...
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 ...
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: [...
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 ...
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 ...
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: ...
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]=&...
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 ...
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 ...
-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 ...
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 ...
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(...
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(),
...
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 ...
-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 ...
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 ...
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}>
<...
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 ...
-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 = ...
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
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 ...
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',
...
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 = ...
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(...
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 ...
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 ...