datepickerangular6

Need to find best date and time picker in angular 6


I have a angular project with this configuration.

Angular CLI: 6.0.3
Node: 10.16.3
OS: linux x64
Angular: 6.0.2
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.3
@angular-devkit/build-angular     0.6.8
@angular-devkit/build-optimizer   0.6.8
@angular-devkit/core              0.6.3
@angular-devkit/schematics        0.6.3
@angular/cdk                      7.2.1
@angular/cli                      6.0.3
@ngtools/webpack                  6.0.8
@schematics/angular               0.6.3
@schematics/update                0.6.3
rxjs                              6.0.0
typescript                        2.7.2
webpack                           4.8.3

I need best date and time picker for my project.

I have already used datetime picker. But I got issue in prod build.

Issue

To prevent this issue I have to upgrade the npm version and it requires typescript 3+ version. When I update the typescript version I got error in ng serve.

Need : I have a date min, max validations in my app. So I need stable version which gives me this types of features.

Features :

- Min Date
- Max Date 
- Pick time only 
- Set the value (Patch value)
- Support reactive form

Can any one share any npm module link ?


Solution

  • ngx-bootstrap has a great date picker, here is a demo

    https://stackblitz.com/edit/ngx-bootstrap-datepicker

    and the docs

    https://valor-software.com/ngx-bootstrap/#/datepicker

    or Angular Material has a datepicker

    https://material.angular.io/components/datepicker/examples