Questions tagged [datepicker]
A datepicker is a user interface element in many frameworks that allows a user to choose a date and also, in some cases, time, often through a visual calendar. When including this tag, it would advantageous to also include details regarding the specific data picker being used as they each have different properties/options/functionality.
datepicker
16,835
questions
-1
votes
0
answers
10
views
How do I dynamically change the stringformat of a datepicker (WPF, c#)?
I have this datepicker element:
<DatePicker
Name="DataSelected"
Grid.Column="1" Grid.Row="2"
...
0
votes
0
answers
13
views
How to clear/erase the input value when using jquery datepicker and the input is readonly
I have an input that as soon as the value is chnaged it submits the value and is saved in our database, therefore we can only allow date format values, and the best tool is using datepicker with a ...
- 9,566
0
votes
0
answers
20
views
How to add an extra class on highlightedwhich is added by highlighted props vuejs3-datepicker
I am using import Datepicker from 'vuejs3-datepicker';
and I am using highlighted props to highlight specific dates but I want to color highlighted dates with different color but 'vuejs3-datepicker' ...
- 81
0
votes
0
answers
15
views
Display a date from an edit form in a gallery on PowerApps
My problem is that I have a datepicker in my modification form and I would like to display the date in a gallery, here is how I did it :
in the button :
Collect(User_Pointage; { Salarié : ...
1
vote
0
answers
21
views
Date picker input width with React Native Paper Dates
I want to add a DatePickerInput in my react native project using React Native Paper Dates.
It seems to work fine but I cannot adjust the width of the input.
<DatePickerInput
...
0
votes
0
answers
19
views
Gijgo Datepicker Date with two digit Year converted to 20th Century
I am using Gijgo Datepicker in my website, my requirement is to show 2 digit year, and I changed the format to 'dd/mmm/yy' which is working fine, but when I select a date i.e. 1 Jan 1990 and reopen ...
- 728
0
votes
0
answers
24
views
TypeError: option timepicker is not recognized! it is shown
<script type="module">
document.addEventListener('DOMContentLoaded',function(){
var calendarEl = document.getElementById('calendar');
var calendar = new ...
0
votes
0
answers
37
views
Swift UI DatePicker hourAndMinute fails when another picker is displaying menu
Does any one know a workaround (as I assume this is a bug).
Trying to open Time portion of DatePicker while another menu styled picker is opened breaks the whole DatePicker:
The Time menu does not ...
- 4,073
0
votes
1
answer
11
views
Get wrong time in mui/x-date-picker
I try to convert date from date picker to iso format but always get 3 hours behind of my time.How can I resolve it?
This is my code:
'use client';
import React, { useEffect, useState } from 'react';
...
- 13
-1
votes
1
answer
34
views
Adding and styling buttons to material datepicker to fit in seamlessly
I want to add buttons to my datepicker go to the previous and next day without opening the datepicker. After some hours I got this result:
Current state of datepicker with buttons
It's not that bad, ...
-1
votes
0
answers
40
views
Repurpose DatePicker from react-dates dynamically
I want to be able to repurpose DatePicker component from react-dates dynamically. This can be based on some configurable parameter.
e.g.
for Scenario 1, I want the DatePicker to act as a proper date ...
- 50.3k
1
vote
0
answers
26
views
how to change data-v-date in vuetify datepicker?
I am using DayjsAdapter in my vuetify datepicker and my issue is that
as you can seee data-v-date is no ISO string local time but on default adapter it has a generic one like '2024-02-04' I am ...
0
votes
1
answer
119
views
Hide the seconds from angular datepicker input
I am using angular datepicker and i want to hide the seconds from the input box
<mat-form-field class="input-ff transparent-bg no-warning underline-prefix">
<mat-label >{{...
- 15.3k
0
votes
1
answer
24
views
How to change date format if I use a MUI TextField with type of date?
I am using MUI TextField component with the type of Date to create a calendar. The default calendar date format is MM/DD/YYYY althouth I want it to be DD/MM/YYYY. Is there any possibility to change ...
0
votes
1
answer
29
views
How can I set a custom header for a MUI DateCalendar in order to make it collapsable?
I'm trying to customize the MUI's DateCalendar component, expecting to add a new iconbutton in it's header, that may collapse its content when clicking it.
Such as this:
I managed to do everything, ...
-1
votes
0
answers
56
views
Unable to find element on web page using Selenium
I'm able to find and interact with the 'date' button but have tried all elements for the 'start bar' but consistently returns 'No such element'.
Is it because it's a date picker and I need to handle ...
0
votes
0
answers
31
views
Get weekday format right with syncfusion_flutter_datepicker flutter
How do I get the one letter weekday in flutter with syncfusion_flutter_datepicker?
This is my code:
SfDateRangePicker(
backgroundColor: Colors.white,
selectionColor: primaryColor,
...
- 1,401
-2
votes
0
answers
52
views
How to style datepicker selected field background color
i have a maybe simple question but i cant find the answer online, how do i remove the blue background from the date picker when for example day is selected, or month or year? because now the black ...
0
votes
1
answer
29
views
Set custom color on a Datepicker Dialog in Kotlin
So, total begginner here and im trying to do a datepicker dialog in android studio. Everything works fine but i have no idea how to change the color of the dialog.
My code looks like this
val ...
- 3
0
votes
0
answers
20
views
HTML5 Datepicker boundaries not working in Firefox
I am using the HTML5 Datepicker for a project (input=date) and I have realised it has different UX depending on the browser. I have added a minimum and maximum date and is restricting the users to ...
1
vote
0
answers
22
views
I want to write a function for React native datepicker so that i can restrict user to select to select "FromDate" higher than "ToDate" and vice-versa
const [date, setDate] = useState(new Date());
const [openToDatePicker, setOpenToDatePicker] = useState(false);
const [openFromDatePicker, setOpenFromDatePicker] = useState(false);
const [fromDate, ...
- 11
0
votes
0
answers
26
views
Adding Previous and Next Month dates in Angular Mat-Calendar
Is this possible to show previous and next months dates from first and last week of the current month in the Angular Mat Calendar. Please see picture for reference.
Calendar
I am unable to find ...
-1
votes
0
answers
23
views
Date picker Jquery comparison > not working on firefow or edge
I tried to compare to date picker fields in contactform7:
FROM:
<input class="wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date dateclass" id="...
2
votes
2
answers
51
views
yearNavigator in p:datePicker appears as spinner instead of dropdown
Since PrimeFaces 14: yearNavigator in datePicker appears as spinner instead of a dropdown.
This is totally complicated when you have to (in a list of 100 years) get to 1917 when you are in 2024 and ...
0
votes
0
answers
29
views
How to Navigate NgbDatepicker to Selected Month on Open in Angular?
I'm working with ng-bootstrap's NgbDatepicker in my Angular project, and I'm facing an issue with navigating the datepicker to the selected month when it's opened. Here's a simplified version of my ...
- 215
0
votes
2
answers
48
views
How to change the color of the selected date in a colorPicker in Flutter?
i am having problems when trying to change the colors of my DatePicker.
That's how I have it now, I did it with the builder parameter and returning a theme because if I tried to change the ...
- 1
0
votes
0
answers
12
views
bootstrap datepicker not showing date dropbox
I have the following script that works fine:
<head>
<title>DateTimepicker</title>
<!-- Include Bootstrap CDN -->
<link href=
"https://maxcdn.bootstrapcdn....
-2
votes
0
answers
18
views
jquery move up calendar if no space at botton
I want to display calendar pop up to the upper side of the text box if there is no space at bottom, if there is space at bottom then it should display bottom to the text box as per normal dehaviour.
...
- 17
1
vote
0
answers
44
views
R Shiny in Docker - airDatePicker selecting dates works incorrectly
So, this is a weird issue I noticed. Here is a small example app.R:
library(shiny)
library(shinyWidgets)
print("shinyWidgets version:")
print(packageVersion("shinyWidgets"))
ui &...
- 371
0
votes
1
answer
29
views
Check two MUI date pickers for value and show/hide another component
I have two date pickers with a start date and end date
<Box sx={{ display: "flex", gap: 2, flexWrap: "wrap" }}>
<DatePicker
sx={{ ...
1
vote
1
answer
43
views
Angular Material DatePicker Format
I have an angular application, which is styled with Angular Material. In short, I have a form, which consists of multiple mat-form-field components, among which there is a datepicker one. The idea is ...
- 11
0
votes
0
answers
23
views
ag-grid - Date picker in the header filter is not closing on selection
I am using ag-grid in our React application application. I am using the date field and agDateColumnFilter for one of the columns. When I open the filter from the header and select a date, it does not ...
- 2,648
1
vote
0
answers
18
views
Datepicker JQuery, Select 1 Date and Outputs 2 range dates based from selected (how many nights section) in a single Text Field
I am using JQuery Datepicker and I am having trouble on how to implement the situation where I can select Number of Nights, Get the value of # of nights and When you select a Date, Date output should ...
- 39
-1
votes
0
answers
33
views
Material design 3 date and time picker android
Right now we can only show material 3 date and time picker as dialogs , is there a way to show them in bottom sheet dialog fragments? Or can we show them in fragments,
We have Timepicker which is ...
- 603
1
vote
0
answers
55
views
Controlling position of MUI Datepicker v6 popover in absence of textField
I'm rendering a Datepicker without a text field and it's getting positioned in the upper left hand corner of the screen no matter what slotProps popper properties I pass in to position it. From other ...
- 29.1k
0
votes
0
answers
19
views
Problem with the bootstrap-datepicker showing twice on page load
Thanks in advance for your help!
I have added a version of the bootstrap-datepicker onto my website page.
However for some reason it is displaying twice when it is only supposed to be showing once. ...
0
votes
0
answers
60
views
MudBlazor DatePicker 'Not a valid date time' error message
I would like to change the 'Not a valid date time' error message of MudDatePicker to my own custom message, but I do not know how. I tried using FluentValidation, but it is not being called. I suspect ...
- 685
1
vote
1
answer
17
views
Multi select date range in angular material
An implementation of a multi date range selector in Angular that is similar to the react-multi-date
- 7,307
0
votes
0
answers
94
views
DatepickerModule is not compatible with ivy angular 17 - ng2-datepicker v12.0.0
I installed Angular 17.3.9 after running npm start command. The DatepickerModule started throwing an error.
app.component.module.ts:
import { DatepickerModule } from 'ng2-datepicker';
...
...
@...
0
votes
0
answers
19
views
React native DatePicker provide android error
I have an error that I can't understand because the error only occurs on Android
Here is the error:
ERROR TypeError: Unable to read property 'calendars' not set
This error is located at:
in ...
1
vote
1
answer
56
views
Change label Color on Date Picker Swift UI
So I want to change my Date picker (WheelDatePickerStyle) label color, currently default is green i want to change to yellow already tried several properties like accentColor but didnt work.
Thanks
...
- 73
0
votes
1
answer
38
views
Livewire event with datepicker
I have below code for Livewire component view, where i am dispatching event with startDate and endDate,
I can get correct data in my Dashboard, but problem is once re-render happens after disptach, ...
- 1,323
0
votes
0
answers
22
views
Angular Material Version17 Mat Calendar is not getting close on date selection or on backdrop need a refresh to close the picker whole screen is freez
<div class="ui-lg-3 ui-md-2 ui-g-12 story-section">
<mat-form-field rds-form-field class="w-90">
<mat-label rds-form-field-label>End Date</...
0
votes
1
answer
64
views
Angular getLocaleFirstDayOfWeek('en-FR') returns 0 (Sunday) as the start day of the week where as it returns 1 (Monday) for en-NL
I need to show the start day of the week based on locale and customise the date picker to show the week days. Since NativeAdaptor always returns Sunday as the week start day, a custom adaptor is ...
- 302
2
votes
1
answer
83
views
Why doesn't it recognize any selections on the datepicker?
I'm trying to populate a select dropdown with the hours that don't have appointments booked, and right now I'm experiencing somethin really dumb with datepicker, because I want it to be populated ...
0
votes
0
answers
51
views
How to customize MUI Date Picker buttons
How can I change teh background color of a selected shortcut item in the staticDateRangePicker?
For example when I click on button today and it is selected I want the background color to be 'grey' to ...
0
votes
1
answer
42
views
Angular Datepicker with format MM.yyyy wants to select day
I want to use a datepicker that only accepts month and year. According to Angular Materials I built a function which should close the datepicker after the month has been selected - so that no day can ...
- 3
0
votes
1
answer
29
views
Mat Date picker sending the incorrect date
I have this input for selectin date
<mat-form-field class="w-full">
<mat-label>{{ "DATE" | translate }}</mat-label>
...
- 33
-2
votes
1
answer
44
views
Input type date, differentiate between empty and invalid [closed]
I have a modal window with a form containing an optional field of type date i.e.:
<input id="myDate" type="date" />
If I pick a date, i.e. 14/05/2024, and then remove some ...
- 61
0
votes
1
answer
100
views
React DatePicker - Click outside day of month and calendar auto close, can't not select end date?
React DatePicker - Click outside day of month and calendar auto close, can't not select end date?
When i clicked April 30 then React DatePicker auto close. And I not choose end date.
enter image ...
