ng-dates

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.

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;
} 

Attributes (Output):

Name	Event Arguments	Description
selected	Moment	This event will be emitted when a valid date is clicked

People

Proudly made by CodicePlastico

License

MIT