angular2-datetimepicker | Angular 2 and 4 datetime picker component | Frontend Framework library

I'm using this datetime picker :- https://www.npmjs.com/package/angular2-datetimepicker

Official document link :- https://cuppalabs.github.io/angular2-datetimepicker/#/datetimepicker.

I'm getting the date in callback method. http://cuppalabs.github.io/components/datepicker/#Callback-Methods

After hours of searchig of where is CanActivate interface is implemented in the web app didn't find nothing. So I want to ask you is there a way to generally disable it? Cant access my url and didn't find any other redirect. It sends me to the login page every time. I am not familiar with angular so please excuse me. If you need some code example just tell me. I am not sure what I have to provide.

EDIT The routing file ( I guess ):

I think this question might be solved without necessarily knowing about the widget. I'm using angular2-datetimepicker (https://www.npmjs.com/package/angular2-datetimepicker) for calendars in my app. The docs are pretty straight-forward, although they always forget how make it work for everyone. I was getting console errors and had to add a name attribute as well as ngDefaultControl to the tag like this:

I have implemented a date-timepicker in my reactive form in angular6/7. And i have even refrained from applying a form-control to that data-timepicker. Mine is angular2 datetimepicker - import { AngularDateTimePickerModule } from 'angular2-datetimepicker';

However, I am getting error -

I'm wondering if anyone has had this issue before? I'm using the Angular 2 DateTime picker (https://cuppalabs.github.io/angular2-datetimepicker/#/datetimepicker). I have the DateTime picker inside a form and when I go to choose a time and set it, the form is being submitted for some reason. The form is attached to ngSubmit, but I am not submitting the form?

We are using angular2-datepicker (https://www.npmjs.com/package/angular2-datetimepicker) in our project. We need to use 24 hour timeformat. But it looks like it does not work throughout the component.

In the screenshot below, you can see I can change the format in the field marked by 1., but not the format of the fields marked by 2. or 3.

You can see the settings im using here: https://angular-xsv9yq.stackblitz.io

Is this a bug in the component or am i missing a setting?

I'm using this datetime picker :- https://www.npmjs.com/package/angular2-datetimepicker
Official document link :- https://cuppalabs.github.io/angular2-datetimepicker/#/datetimepicker.

Now, I have successfully implement it. It's perfectly working but time picker is not showing. As per their document I have set timepicker:false as well as timepicker:true.

In component.ts file.

I am using Ng Date Time picker with Angular2 frontend from: https://danielykpan.github.io/date-time-picker/?utm_source=recordnotfound.com I tried to copy&paste the examples from here: https://stackblitz.com/github/DanielYKPan/owl-examples/tree/date-time-picker?file=src%2Fmain.ts

into my component html file. I am using the ngx-admin template.

However, when I start my component and click inside the input field to open the date picker, the layout is kind of "messed up" and too huge across the window on the left side(see screenshot):

But I don't see any error in my code... heres my template:

UPDATE: After digging further, I tried a regular bootstrap 4 dropdown, with the same result. The dropdown does not open. I believe this means it can't be a problem with the selectpicker class or the bootstrap-select dependency specifically. Also has the same issue when using ng-bootstrap dropdown.

UPDATE 2: Ngx-dropdown does work, and is the only dropdown I can find that still works, but it operates differently. I'm hoping that helps figure out why.

UPDATE 3: Have confirmed this is not just an issue while working in Chrome. Same issue in firefox and safari.

After upgrading to Angular 6, the bootstrap-select element no longer drops down unless I remove the class="selectpicker". The little dropdown arrow no longer shows up either.

I've tried downgrading the bootstrap selectpicker, upgrading to the latest version, checking if jquery is updated, making sure selectpicker has the dependencies and versions installed it needs (jquery greater than 1.8.1 I think)

It also does not work when trying to manually force a dropdown. (see below)

With class="selectpicker"

Without class="selectpicker"

Before updating to angular 6 and updating dependencies (pulled from production)

Problem shown with both bootstrap-select and regular bootstrap 4 dropdown.

Forcing a dropdown via button:

With ngx-select-dropdown working:

The code used for a given select picker: