All Questions
Tagged with datepicker css
623
questions
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' ...
-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
0
answers
59
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
44
views
MUI DatePicker 6.19.7 change picked day bgcolor using sx
How to change the color element indicated by the arrow? Using sx{}
DatePicker
<LocalizationProvider dateAdapter={AdapterDayjs}>
<DatePicker
...
0
votes
0
answers
149
views
Flowbite datepicker z-index issue in modal
I have the following simple setup:
<!-- Setup -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css" />...
1
vote
1
answer
590
views
How to change the color of the deselected date in flatpickr
I am using flatpickr inside a project of mine. My scenario is that I have range date picker that uses flatpickr. After I select a range of dates, I have another date picker where all the selected ...
0
votes
0
answers
605
views
Applying styles for DatePicker - MUI react
I want to add DatePicker to my site from MUI X. I also want to add my own styles. Replace border-color, remove border-radius, change text and label color to white. (screenshot of the design below). I ...
0
votes
0
answers
102
views
Month list not showing in Vue Datepicker
I am using Vue Date picker in my Vue3 application. While clicking the month, the month list is not appearing.
When I checked the docs, there are no such configurations to enable/disable it. The list ...
1
vote
0
answers
182
views
Angular material mat-date-range-input input custom position for placeholder
Here is the HTML code :
<section class="search-filter-po">
<form [formGroup]="RequiredFormGroup">
<div class="row">
<div ...
0
votes
0
answers
28
views
Material Datepicker css not working properly
<mat-form-field appearance="fill">
<mat-label>Choose a date</mat-label>
<input matInput [matDatepicker]="picker">
...
2
votes
4
answers
2k
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 ...
2
votes
1
answer
3k
views
I am using react mui @mui/x-date-pickers, please tell me how to change color of DatePicker selected area
We are using MUI based on React. I am using DatePicker from @mui/x-date-pickers library in MUI. I am using version 6.0.3.
However, as shown in the image below, when the first selected day is selected, ...
0
votes
0
answers
148
views
How to change default background color of selected date in Input type date
Is there a way to change background-color of selected date in input type date. By default it's blue .
So i want to change this blue background color on 5th.
I've tried searching on Stackoverflow but ...
1
vote
1
answer
508
views
Angular 14: How to move to the left datepicker panel from Prime-ng
I need to move to the left of the panel shown in the <p-calendar>. In my case, the date-picker must be moved to the left because there is a splitter on the right.
My HTML:
<div class="...
0
votes
1
answer
115
views
dateClass is getting the css class name but it does not apply the style on the datepicker
I'm trying to apply a css changes on a specific dates in a datepicker in angular
I tried this but it did not work, using 'console.log(highlightDate);' gave that dateClass() returns the right dates but ...