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
67
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
83
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,
...