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.
16,721
questions
0
votes
0
answers
6
views
React datepicker issue
I tried to filter date manually and I gave date in the field as 20230511 filter didn't work as expected and now I tried to keep / in b/w them as 2023/05/11 date picker has highlighted correct date as ...
0
votes
1
answer
21
views
How can I get a reference to the vue3datepicker object to programmatically close the date picker popup UI?
Update
as yoduh pointed out I should not have : before the ref. I updated the code below and vue3datepicker is still undefined. Code updated based on yodubs point.
I followed these vue3datepicker ...
0
votes
0
answers
12
views
More than one custom value accessor on Reactive Form with Material Datepicker and Ngx Mask
I am trying to create a Reactive Form with Material Datepicker and Ngx Mask
<mat-form-field [ngClass]="{ 'mat-datepicker-opened': picker.opened }">
<mat-label>Fecha</mat-...
0
votes
0
answers
19
views
I would like to know how to change the color and format of a specific part in a mobile environment. @mui/x-date-pickers 6.10.0 in use
I'm using @mui/x-date-pickers 6.10.0. I want to change the color and format of a specific part in the mobile environment. What should I do?
I would like to format the part shown in the image below as ...
0
votes
0
answers
20
views
How to add custom datePicker in swiftUI? [closed]
Add a custom datePicker
I am able to design native date picker but how can i add the custom date picker as per design?
For swift there's lots of demo available but I want it for SwiftUI.
If there's ...
-1
votes
0
answers
10
views
Error on Date Format using Date FNS and Date Picker in React
I am using Date Picker to select dates and save it on my state:
<DatePicker
className="border-2"
onChange={handleDateChange}
selected={poValues.poDate}
...
0
votes
0
answers
20
views
Material Datepicker css not working properly
<mat-form-field appearance="fill">
<mat-label>Choose a date</mat-label>
<input matInput [matDatepicker]="picker">
...
0
votes
0
answers
16
views
Is there any vue3 datepicker with quarters?
I'm using vue3 and I need datepicker that supports selecting either single quarter or a range of quarters besides regular dates.
I can't find anything on internet except the one from Ant Design Vue ...
0
votes
1
answer
19
views
Material datepicker doesn't set start value when clicking on input field
I use material date picker with startAt binding to set the default selected value.
I have also enabled the user to click on the input field to open the calendar overlay to select the date. I have done ...
0
votes
1
answer
17
views
react-native-datepicker not showing numbers for time select in selector [duplicate]
I am using react-native-datepicker library.On my emulator is working all fine.When I click to select time value for From and Until it opens a selector and the numbers in slider for select are black ...
0
votes
1
answer
28
views
How to Callback from dialog class to Fragment
I'm trying to update the text on a button after a dialog with a datepicker is closed.
The dialog is instantiated inside of a fragment class and the button risides within that
same class. Here's some ...
0
votes
1
answer
25
views
Vue Tailwind Datapicker -> How can I change the rounding/specific color on selected dates?
I want to change the rounding of selected data to be more square. Also how can i use specify color in tailwind.config file to be compatibile with this component? Because for now that vtd-primary color ...
0
votes
2
answers
41
views
Callback when choosing date range with the easepick plugin
I am using the easepick plugin to provide my users with a method to choose a date range. But I am struggling to get an event to fire when the data range is chosen. Anyone who can help with solving ...
0
votes
0
answers
9
views
Materialize.css datepicker: offset in month display
I'm having a problem with a datepicker under materialize 1.0.0
Here is the HTML code :
<input id="date_echeance" value="" type="date" class="datepicker" name=...
0
votes
0
answers
6
views
Calendar showing previous month
I am using react-date-range to create a Date picker, everything is working great however, when I open the modal it is focused on the previous month not the month of the date.
Here is the codesandbox
-2
votes
1
answer
39
views
C# WPF Update the blackoutDates in DatePickers
I'm writing a C# WPF application for a kiosk (so a long-time running app).
In the main window there are two DatePickers that must select only today and future days.
So I checked the BlackoutDate ...
0
votes
0
answers
7
views
Highlight Multiple Dates on thirdparty React Datepicker Component
in my company there was a react library which has datepicker component but this datepicker doesnt have any option or support for highlighting multiple dates (not continously) . I am using this ...
0
votes
1
answer
20
views
bringing up calendar picker in input <type=date> with Selenium/Java
I have to test this date picker using Java and Selenium. See picture. The non yellow-highlighted part is where you put the date text, and the yellow part, when you click on it, brings up a date ...
0
votes
0
answers
17
views
How to update minDate and maxDate for start date and end date dynamically using Materialize 1.0.0' s Datepicker?
I'm new to javascript and using Materialize as CSS framework.
I'm implementing two datepickers for a start and end date. I'm struggling with setting the maxDate and minDate dynamically.
maxDate for ...
0
votes
0
answers
10
views
Customize DatePicker spinner
I'm pretty new to Kotlin & Android, and I have to create a DatePicker, ideally in Spinner mode, but I have too customize a bit this spinner. I neeed to hide the top and bottom of each spinners (to ...
0
votes
0
answers
29
views
How to put weekly selection 'datepicker' inside 'swiper'
default week selecter datepicker
Current datepicker screen inside swiper
(week selection events also do not apply.)
enter image description here
This is an air datepicker that can be selected weekly.
...
1
vote
0
answers
11
views
MUI Simplifying Date Selection with Datepicker or DateCalendar (won't be modal but will be input)
I have developed an application using the MUI datepicker and datecalendar components. I employ the datepicker for the web version, where the calendar is displayed in a modal. However, for mobile ...
0
votes
1
answer
25
views
DatePicker AngularJS
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 mb-2">
<mat-form-field class="example-full-width" appearance="outline">
...
0
votes
0
answers
26
views
How to add textwatcher to material datepicker dialog's text field input in android?
I am trying to add a slash(/) when user type date in this format DD/MM/YYYY, I need to add slash automatically once user type DD and MM, I am thing of using text watcher here but how can I access ...
0
votes
1
answer
22
views
After closing showDatePicker Barrier not closing in flutter bloc
I have started using flutter bloc recently. I am facing some problems with showDatePicker. After some research I learned that snackbar and dialog should display inside listener. But I don't understand ...
0
votes
0
answers
7
views
jQuery datepicker pass a date but will not drop down calendar
Using PHP I pass in a default value to the jQuery datepicker, which works:
It comes in via AJAX
But when I first click on the input containing the date, I do not get the jQuery dropdown calendar.
On ...
0
votes
0
answers
10
views
MUI DatePicker disbalePast functionality need to use with custome datepicker bordercolour in specific condition
I used MUI V5 DatePicker for the form field so there are two types which are the Create part and the Edit part. when working with edit if there DatePicker date is past date then the DatePicker border ...
0
votes
0
answers
32
views
Why my angular ngx-mat-datetime-picker's and mat-datepicker's css clash if they are on the same page?
I have two input fields in the same form under each other. One is an ngx-mat-datetime-picker and the other one is a mat-datepicker.
Separately they work properly, but if I open them for the second ...
0
votes
1
answer
28
views
Is there a way to change the written date using Cupertino date picker?
The current date is already written in the text button. When you press it, a CupertinoDatePicker pops up, but I want to change the written date instantly when I change the date in CupertinoDatePicker. ...
0
votes
1
answer
26
views
Are several form fields in one row ever good accessibility?
I understand multi-column forms are to be avoided and why it is bad for usability and accessibility. My question instead regards placing 2-3 connected form elements next to each other. For example ...
0
votes
1
answer
36
views
jQuery datepicker wont reset disabled days
jQuery UI Datepicker 1.13.2
I need to reset the disables days based on which selection is picked from a dropdown.
I initialize the datepicker then when "selectChange" is fired, I retrieve a ...
0
votes
1
answer
32
views
TableCellEditor that is based on JXDatePicker doesn't dissapear after the date selection was made and never gives a way to TableCellRenderer methods
I have a TableCellEditor like that:
import javax.swing.*;
import javax.swing.event.CellEditorListener;
import javax.swing.table.TableCellEditor;
import javax.swing.table.TableCellRenderer;
import java....
1
vote
1
answer
42
views
laravel datepicker: how to load jquery icon
I am new to laravel, I am trying to add a datepicker on the page,
This is my mark up:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://code.jquery....
0
votes
0
answers
33
views
How to fix Uncaught TypeError: g is undefined on bootstrap datepicker
How to fix error Uncaught TypeError: g is undefined on bootstrap datepicker? I tried to make date picker using bootstrap-datepicker lib and I stuck on this error
What makes me confused is that in ...
0
votes
1
answer
32
views
Change order of a DatePicker columns
The problem is that DatePicker spinner changes the order of its columns(dd, mm, yy) depending of locale. I want to freeze one order for any locales.
I tried
binding.datePicker.resources.configuration....
1
vote
1
answer
36
views
MUI Datepicker dates to include
If we want to achieve to enable specific dates, and disable all other dates, how can we do that in MUI Datepicker?
I want to enable only dates from 7 days later and 7 days earlier, all other dates ...
0
votes
0
answers
33
views
DatePicker showing wrong month format
When implementing Datepicker in kotlin instead of August its showing M08 in all devices.
https://i.stack.imgur.com/BoFbh.png This is the image of what i get and i used this code
binding.imgSetDate....
0
votes
0
answers
25
views
react-admin date input component not displaying correctly when view in mobile device
Do you all have a workaround for the date input component of react-admin?
(https://marmelab.com/react-admin/DateInput.html)
It seems that when the date input component is view in mobile device, the ...
0
votes
2
answers
28
views
react-dropdown-date issue with day
I use react-dropdown-date component to select the date. It works well when the format is the following: year -> month -> day but when I want to change the format for exmaple: day -> month -&...
0
votes
0
answers
25
views
Hotwire Turbo Frame in Django application stops django-bootstrap-datepicker-plus from showing
In my Django App I use a Turbo Frame in a DetailView. The Turbo Frame loads a form into the DetailView. This form has a datefield for which I use a Datepicker (django-bootstrap-datepicker-plus). If I ...
0
votes
0
answers
23
views
Setting Material UI's KeyboardDatePicker default value to state object property
I am using Material UI v4 MuiPickersUtilsProvider with DateFnsUtils and am not able to set the defaultValue on the KeyboardDatePicker to the date of a state object property. Actually, I haven't been ...
1
vote
1
answer
17
views
mui datepicker icon changed but doesn't click
I have incorporated an icon into the slot parameter within the Datepicker of the Material-UI (MUI) framework in order to modify it.
This addition was successfully implemented. However, a challenge ...
1
vote
1
answer
422
views
Invariant Violation: TurboModuleRegistry.getEnforcing 'RNCDatePicker' could not be found. Verify that a module by this name is registered
While trying to use "DateTimePicker" from '@react-native-community/datetimepicker', am getting the below error.
ERROR Invariant Violation: TurboModuleRegistry.getEnforcing(...): '...
0
votes
1
answer
13
views
Why does the input ngbDatepicker convert numbers to dates?
In this HTML code, on input number "2", it automatically converts it to 04.01.2001:
<div class="input-group">
<input
[ngClass]="{'invalid-...
0
votes
1
answer
44
views
Jest snapshot test fails with @mui/x-date-pickers, different timestamp in Snapshot
We updated to the latest Mui Date picker. And now we have a strange Problem with a failing snapshot test in our CI pipeline.
In our Jest Test, we set a fixed Date like this:
jest.useFakeTimers()....
0
votes
0
answers
30
views
AntD RangePicker custom picker type (period)?
I've been using Ant Design DatePicker for a while, but now I need to customise it by using custom picker prop.
What I have now
I use a few different RangePickers, one like this among others:
<...
0
votes
0
answers
21
views
I'm just starting to study the reaction, when working with the date, an error occurs
react Errors occur in datepicker
TS2345: Argument of type 'Dayjs | null' is not assignable to parameter of type 'Moment | null'. Type 'Dayjs' is missing the following properties from type 'Moment': ...
0
votes
0
answers
23
views
Issue with MUI DateCalendar: Year not updating when changing year via months selector
Hello Stack Overflow community,
I'm facing an issue with the MUI (Material-UI) DateCalendar component in my project. When I open the year selector and then try to change the year using the months ...
1
vote
2
answers
97
views
Unhandled Runtime Error TypeError: date.locale is not a function on Ant Design
How to resolve this "TypeError: date.locale"? I'm making an attempt to address this problem, but despite my efforts, I'm unable to find a solution.
API response:
{
"birthday": &...
0
votes
1
answer
24
views
HTML date picker doesn't allow to select Years and months on Safari
In Google date picker allow me to select a year and month without navigating using month to month.
But in Safari it doesn't allow me to select a year and month directly. Have to navigate month to ...