Date Range Picker and Date Picker all in one place.
Last updated a year ago by abhishek-mittal .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install ng-datepickeradvanced 
SYNC missed versions from official npm registry.



npm install ng-datepickeradvanced

Note*: Bootstrap 4.x.x is required.

import { DatePickeAdvancedModule } from 'ng-datepickeradvanced'

For dropdown style add few lines of code as followed.

  • import { DateInput } from 'ng-datepickeradvanced'
<div  id="abDatePicker">
<input  DateInput  disabled [id]="'datePicker'" (dateChange)="callFunction1($event)" />
<i  class=" fas fa-chevron-circle-down"  for="datePicker" (click)="activateDatePicker = !activateDatePicker"></i>
<date-picker-advanced [min]="min" [max]="max" [id]="'datePicker'" *ngIf="activateDatePicker"></date-picker-advanced>

Note*: ID is required in case to prevent event emitter from invoking on every instance.

#abDatePicker > input {
  font-family: cursive;
  background-color: white;
  color: #44046d;
  height: 0;
  padding: 24.5px 47px 24.5px 16px;
  text-decoration: underline;
  font-stretch: ultra-condensed;
  font-size: 15px;
  font-weight: 700;
  width: fit-content;
#abDatePicker > i {
color: blueviolet;
margin: 12px -39px;
font-size: 30px;
position: absolute;
cursor: pointer;


  • Single Date Select

  • Date Range Select


For: app-date-picker-advanced

Name Description
@Input() min: string The minimum valid date.
@Input() max: string The maximum valid date.
@Input() id: string Required if using more than one instance on same component.

For: input - derivative [DateInput]

Name Description
@Input() dateChange: EventEmitter< Object > Emits the output if the value.
@Input() id: string Required if using more than one instance on same component.



    from: {
	    date: Date,
	    isValid: Boolean
	to: {
	    date: Date,
	    isValid: Boolean

Singular: Date

Current Tags

  • 0.0.2                                ...           latest (a year ago)

3 Versions

  • 0.0.2                                ...           a year ago
  • 0.0.1-development                                ...           a year ago
  • 0.0.0-development                                ...           a year ago
Maintainers (1)
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 0
Dependencies (17)
Dependents (0)

Copyright 2014 - 2016 © |