All Questions
Tagged with datepicker angular
884
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 ...
-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
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
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 ...
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 ...
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 ...
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
25
views
Angular Material Version17 Mat Calendar is not getting close on date selection or on backdrop need a refresh to close the picker whole screen is freez
<div class="ui-lg-3 ui-md-2 ui-g-12 story-section">
<mat-form-field rds-form-field class="w-90">
<mat-label rds-form-field-label>End Date</...
1
vote
1
answer
72
views
Angular getLocaleFirstDayOfWeek('en-FR') returns 0 (Sunday) as the start day of the week where as it returns 1 (Monday) for en-NL
I need to show the start day of the week based on locale and customise the date picker to show the week days. Since NativeAdaptor always returns Sunday as the week start day, a custom adaptor is ...
0
votes
1
answer
45
views
Angular Datepicker with format MM.yyyy wants to select day
I want to use a datepicker that only accepts month and year. According to Angular Materials I built a function which should close the datepicker after the month has been selected - so that no day can ...
0
votes
1
answer
33
views
Mat Date picker sending the incorrect date
I have this input for selectin date
<mat-form-field class="w-full">
<mat-label>{{ "DATE" | translate }}</mat-label>
...
0
votes
0
answers
21
views
Changing text in ngbcalendar
In the datepicker calendar I use in Angular, the day and month names appear in the component. I want to replace these with the texts I got from the language file. This problem has been solved many ...
0
votes
1
answer
46
views
Strict validation for Angular material datepicker
currently I'm using Angular material datepicker and I allow user to select date from calendar or directly input in field manually.
Currently if user input "5-5-5" and click outside it will ...
2
votes
1
answer
114
views
Angular Material - Overlay X Datepicker
I have a question regarding overlay and datepicker with Angular Material. I'm using the overlayOutsideClick event to close the overlay whenever I click outside the overlay.
It's working fine but if I ...
0
votes
0
answers
19
views
facing issue when customize month order in locale Ja with bsdatepicker
const customMonthOrder: number[] = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 0, 1]; // March to February
// Get the default full month names
const defaultMonthNames: string[] = jaLocale.months as string[];
//...