1.0.3 • Published 5 years ago
@nilavpatel/np-date-picker v1.0.3
np-datepicker
Custom date picker for Angular 8 (Timepicker also included).
With Two way data binding.
npm i @nilavpatel/np-date-picker
<np-date-picker [(selectedDate)]="birthDate" format="dd/MMM/yy" iconClass="fa fa-calendar"></np-date-picker>
Properties
1. selectedDate
two way date binding model.
2. format
pass date format as string, date will be shown in given format in text box.
default format is dd/MM/yyyy
3. iconClass
icon class css, to dispaly icon in button for datepicker.
4. defaultOpen
default open datepicker, user can not close this.(no textbox will be shown)
5. showTimePicker
Show time picker or not
6. minDate
no date will be shown less than min date
7. maxDate
no date will be show greater than max date
8. disabled
true/false - set component disabled
Apis
1. getSelectedDate();
get selected date
2. setSelectedDate(date: Date);
set date as selected
3. validate();
returns boolean, selected date is valid or not?
Methods
1. onChange
on change event binding
How to configure?
1. import NpDatePickerModule app.module.ts