Questions tagged [owl-date-time]

15 questions
3
votes
2 answers

Angular 9 ng-pick-datetime datetime picker not opening and giving error

I recently migrated my application code from Angular 8 to Angular 9. I used ng-pick-datetime with Angular 8. But it is not working with Angular 9. Given is my module code:- import { AppCodeComponent } from "./app-code.component"; import {…
Chetan Oswal
  • 430
  • 9
  • 21
1
vote
0 answers

owl-date-time and http synch in angular

I am using owl-date-time in my APP. I stuck with one thing, owl-date-time uses filter function to enable and disable days in a month, and it calls this function which is customized by me for every day in a month in sequence. public myFilter = (d:…
Thudner
  • 1,043
  • 1
  • 7
  • 14
1
vote
0 answers

owl-date-time double click event not working

I m trying to put a double click event on owl-date-time, so user can pick a date and set it with double click on the date. So far any kind of click event not working on date picker. I put (dblclick)="close()" on owl-date-time element but its not…
tlq
  • 887
  • 4
  • 10
  • 21
0
votes
1 answer

How to dynamically change Datepicker date time format?

Since the format for @danielmoncada/angular-datetime-picker datepicker is being provided via Angular DI, we need to utilize this approach and dynamically provide the formats. This is what the dates From and To look like now: This is what I wanted…
0
votes
0 answers

Angular JS Owl-date-time Calendar (Disabling the Sunday)

So I want create input calendar for the user but condition is user Shouldn't allowed to Select Sunday as a day. So Can I Disable it in Owl-date-time in Angular JS User Shouldn't able to select Sunday as a day while clicking on calendar. For E.G If…
0
votes
1 answer

Angular ng-pick-datetime disabled the weekend dates

I'm working on Angular and using ng-pick-datetime plugin. I want to disable the dates of every weekend(Saturday & Sunday). I tried to search but couldn't find any solution.
Manoj Rana
  • 3,068
  • 1
  • 24
  • 34
0
votes
0 answers

How to change property of html input field that is inside a third party component in angular

I am using the "owl-date-time" component as follows
Maayan Hope
  • 1,482
  • 17
  • 32
0
votes
3 answers

Cypress: cannot find elements in calendar popup

I cannot interact with the date picker (popup) in my Cypress tests. I tried .find() and .get() on every div class but each time it says Timed out retrying after 4000ms: Expected to find element: .cdk-overlay-container, but never found it This is my…
SamHeyman
  • 207
  • 3
  • 13
0
votes
1 answer

How to disable past time in owl date timer in angular

I'm using owl date time for giving the time picker option to a form. But I'm facing a problem with restricting users to select past times, for eg if the current time is 16:15 pm I want to restrict users to save time ie less than the current time…
justD
  • 1
  • 2
0
votes
0 answers

Google flights calendar like date time picker in Angular (OwlDatetime)

I am using Owl Date Time Picker in my angular application. I am using range picker to select fromRange and toRange. It is displaying date time range picker like displayed below. But I would like to show two months in the range picker like in Google…
Anand Kadhir
  • 233
  • 2
  • 7
0
votes
1 answer

How to change default time value in owlDateTime?

Introduction So I'm using owlDateTime in Angular 9 to let user select time range: from that date and time to that date and time. I'm using regular range mode, reactive form:
Kngh2
  • 387
  • 2
  • 4
  • 10
0
votes
1 answer

min attribute causing ng-invalid on control (angular 6)

i have owl date time picker in my app as below
Saurabh
  • 1,505
  • 6
  • 20
  • 37
0
votes
1 answer

Owl datetime picker Time validation in angular

hope you all are doing well. Actually i am stuck with Owl Date Time Picker. I am trying to validate the date time picker for not selecting the weekends and date should not be less then tomorrow date and time should not less then 9:00 Am and not more…
0
votes
1 answer

Date time picker adds 00:00:00 in timestamp, i want current time instead of Wed May 27 2020 00:00:00 GMT+0530 (India Standard Time)

I'm getting a date as Wed May 27 2020 00:00:00 GMT+0530 (India Standard Time), instead of Wed May 27 2020 12:34:00 GMT+0530 (India Standard Time). I'm using angular ng date time picker, it works fine everywhere but just return 00:00:00 in once…
Connect2sky
  • 287
  • 4
  • 13
-1
votes
1 answer

Calendars show "NaN" instead of "June"

Some owl-date-time calendars I'm using show "NaN" instead of June when implemented. I can't for the life of me figure this out, so at this point I'm just hoping someone else can tell me if they've had this bug before. Some of the calendars work and…