@neoprospecta/angular-datetimepicker v4.0.19

Neoprospecta DatetimePicker

A plugin to pick date and time.

Instalation

npm install @neoprospecta/angular-datetimepicker

##Usage Load the DatetimePickerModule in your odule

import { DatetimePickerModule } from '@neoprospecta/angular-datetimepicker';

Use it in your tamplate

<np-datetime-picker
	[(ngModel)]="sample.sampling_date"
	name="sampling_date"
	placeholder="Data coleta"
	close-on-select="true"
	date-format="dd/MM/yyyy"
	date-only="true"
	(change)="doSomethingWithTheChoosenDate"
></np-datetime-picker>

##Options |Attribute |Type |Default |function | |--- |--- |--- |--- | |name |string |undefined |The input name| |placeholder |string |undefined |The input placeholder| |date-only |boolean |false |Select only date| |time-only |boolean |false |Select only time| |close-on-select |boolean |false |Close the dialog when a date is selected| |date-format |string |yyyy-MM-dd |The date format that sould be displayed in the picker| |first-day-of-week |number |sunday |The first day of the week| |default-value |string |undefined |The default value to be used in the picker| |minute-step |number |1 |The step size of the minute selection slider| |min-date |Date |undefined |The minimum accepted date| |max-date |Date |undefined |The maximum accepted date| |min-hour |number |undefined |The minimum accepted hour| |max-hour |number |undefined |The maximum accepted hour| |disabled-dates |Array |undefined |A list of dated that cannot be selected|

API

The change method is called when the input value changes. With it you can do some custom work when a date is selected.