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.

Filter by
Sorted by
Tagged with
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 ...
User1703's user avatar
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 ...
Hokie2014's user avatar
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-...
Arnau Pareja Escamilla's user avatar
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 ...
LeeHoSeop's user avatar
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 ...
Mit Sodha's user avatar
-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} ...
Jap YG's user avatar
  • 11
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"> ...
Samkit Barbhaya's user avatar
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 ...
Sašo Kovačič's user avatar
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 ...
Malik's user avatar
  • 3,520
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 ...
gurugagi's user avatar
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 ...
user avatar
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 ...
Feli's user avatar
  • 27
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 ...
Cjoerg's user avatar
  • 1,273
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=...
Maxence Hubiche's user avatar
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
Mohammed Saber's user avatar
-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 ...
SteMMo's user avatar
  • 388
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 ...
LazyGuy's user avatar
  • 715
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 ...
Tony's user avatar
  • 1,127
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 ...
SkanSou's user avatar
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 ...
Navalex's user avatar
  • 264
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. ...
coockie's user avatar
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 ...
Sueda Çiçekli's user avatar
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"> ...
Muhammad Afaq's user avatar
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 ...
Sanjay's user avatar
  • 1
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 ...
imran sifat's user avatar
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 ...
Kim Wilson's user avatar
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 ...
Kalana Elapatha's user avatar
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 ...
Bazidoa's user avatar
  • 44
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. ...
anıl's user avatar
  • 1
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 ...
Betulino's user avatar
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 ...
BoundForGlory's user avatar
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....
Eljah's user avatar
  • 4,232
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....
RA.IBOY's user avatar
  • 87
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 ...
Bertho Joris's user avatar
  • 1,477
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....
Tvinkvinter's user avatar
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 ...
Viraj Khatri's user avatar
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....
Partheeban Devaraj's user avatar
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 ...
meow's user avatar
  • 1
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 -&...
Hunter91151's user avatar
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 ...
Laurens Pohl's user avatar
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 ...
Schmz15's user avatar
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 ...
Abdullah Çiçekli's user avatar
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(...): '...
Mendis's user avatar
  • 23
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-...
Tudor123's user avatar
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()....
Roger Bücker's user avatar
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: <...
Wordpressor's user avatar
  • 7,193
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': ...
Alena Belokrylova's user avatar
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 ...
Prakash Naikwadi's user avatar
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": &...
livealvi's user avatar
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 ...
Lakshan's user avatar
  • 29

1
2 3 4 5
335