Ng-dates NPM | npm.io

NgDates

Ng Dates is a simple date picker for Angular applications. Inspired by Ryanair datepicker, allows you to select a single date or a range of dates from a predeterminated set. Powerful and configurable can be easily integrated into any Angular application.

npm npm npm type definitions

Installation

Download ng-dates from npm

npm install ng-dates

##Usage Import NgDatesModule module in your AppModule

import { NgDatesModule } from 'ng-dates';

Insert ng-dates component in your HTML template

<ng-dates></ng-dates>

Attributes (Input):

All attributes are optional

Name	Type	Default	Description
from	`Moment`	`undefined`	Range start date
to	`Moment`	`undefined`	Range end date
min	`Moment`	`undefined`	Minimum selectable date
max	`Moment`	`undefined`	Max selectable date
current	`Moment`	`undefined`	Current selection
availabilityRule	`{type: exclude \\| include, dates: Moment[]`	`undefined`	Allows to narrow the range of selectable dates by including or excluding specific days
startOfWeek	`Number`	0	A number from 0 to 6 to indicate the first day of the week (starting with Sunday)
full	`Boolean`	`true`	Show/Hide prev and next months days.
colorScheme	`green \\| red \\| NgDatesColors*`	`green`	Customize colors.

* interface NgDatesColors {
  background: string;
  text: string;
  day_selected_bg: string;
  day_selected_bg_light: string;
  day_selected_text: string;
}