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,838
questions
0
votes
0
answers
11
views
NgbDatePicker- Previous date is getting selected in pacific time zone
In my angular project, I am using NgbDatePicker to show date control. The problem is occuring when i'm changing the time zone to Pacific time(US Canada). When i'm selecting the date 17/07/2024 it is ...
0
votes
1
answer
29
views
Unable to use MUI X Date picker Component inside Joy UI CssVarsProvider wrapper
Crash errors whenever i try to use DatePicker component in a any of my component.
package.json
"dependencies": {
"@emotion/react": "^11.11.4",
"@emotion/...
0
votes
0
answers
22
views
Error update value when using DatePicker of PrimeVue v4 in project Vue + Inertia + laravel
I am a newbie in VueJS and I have a problem when I choose the first value of the DatePicker it works correctly, but when I update it by choosing another year it has an error.error when change year](...
0
votes
0
answers
43
views
How do I make Date Components of Horizon Calendar in SwiftUI work with today's date?
Im trying to pass today's date as my start date in my code and every time I try to run a preview my app crashes. Do y'all see what I need to do to fix this?
import SwiftUI
import HorizonCalendar
...
0
votes
0
answers
15
views
NgbDatepicker days names are displaced by one day
The days in my datepicker as displaced by 1 day. Monday says Sunday and so on...
I changed the "firstDayOfWeek" attribute and it moves with the error.
I localized the app to "es" (...
-3
votes
0
answers
28
views
Cool date pickers for solidjs [closed]
Hey just started trying out solidjs few days ago on a personal website.
What date picker would you recommend for solidjs?
Tried this looks cool but not all that customizable it seems. And it doesn't ...
0
votes
1
answer
66
views
Android DatePicker header is not changing color (.Net Maui)
I created a .Net Maui application that has an Android DatePicker. In the directory Platforms/Android/Resources I have two folders values and values-night for the styles.xml of the Android DatePicker ...
0
votes
0
answers
37
views
how to set datepicker action in whole Hstack [closed]
HStack(spacing: 10) {
let date = utcToLocal(iso8601Formatter.string(from: birthday), from: "yyyy-MM-dd'T'HH:mm:ssZ", to: "dd-MM-yyy")
Text(date)
Spacer()
...
0
votes
1
answer
34
views
Change javascript date with a timezone
I'm using Vue and I have this vue2-date-range-picker
<date-range-picker ref="picker"
:class="[dateHasChanges ? 'daterange-picker-highlighted' : '']&...
1
vote
1
answer
81
views
Date Selection Issue with Shadcn Calendar Component in User Modal in Next JS
I'm encountering an issue with date selection in a modal using a custom Calendar component. Here's my setup:
I have a UserModal component where I'm using react-hook-form for form management and zod ...
-1
votes
0
answers
42
views
Highlight a date in JavaFX DatePicker and use that value
I am trying to highlight a date when I click on it on the calendar part of JavaFX datepicker, once highlighted I want to get the value of that date to use it further (as an example let’s say I want to ...
0
votes
0
answers
25
views
Date pickers should start on Monday instead of Sunday
I have a custom widget for date input:
class JQueryUIDatepickerWidget(DateInput):
def __init__(self, **kwargs):
super().__init__(
attrs={
"size": 10,
...
0
votes
0
answers
30
views
ASP.NET MVC datepicker doesn't show calendar
I'm trying to add datepicker, however when I try to use @html.TextboxFor, the calendar is not popping up. As for EditorFor to input="date" options, they show mm/dd/yyyy format when I need dd/...
-1
votes
1
answer
52
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
17
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 ...
0
votes
0
answers
25
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' ...
0
votes
0
answers
16
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
38
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
25
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 ...
0
votes
0
answers
28
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
46
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 ...
0
votes
1
answer
13
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';
...
-1
votes
1
answer
39
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
49
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 ...
1
vote
0
answers
34
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 ...
1
vote
0
answers
138
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 >{{...
0
votes
1
answer
34
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
33
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
58
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
33
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,
...
-2
votes
0
answers
53
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
35
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 ...
-1
votes
0
answers
24
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, ...
0
votes
0
answers
27
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 ...
2
votes
2
answers
58
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
32
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 ...
0
votes
2
answers
54
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 ...
0
votes
0
answers
14
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....
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 &...
0
votes
1
answer
33
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
49
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 ...
0
votes
0
answers
24
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 ...
1
vote
0
answers
20
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 ...
1
vote
0
answers
66
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 ...
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
91
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 ...
1
vote
1
answer
18
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
0
votes
0
answers
140
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
29
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 ...