Simple Dropdown based pickers
-
Clone as a Git repository
https://github.com/gridle-io/gridle-datetimepickers.git
[OR]
[email protected]:gridle-io/gridle-datetimepickers.git
-
Install as a node_module
npm i gridle-datetimepickers --save OR npm install gridle-datetimepickers --save
-
Include the Script and add it as a dependency
- In the browser
<script src="PATH_TO_REPO/dist/bundle.js"></script> <script> angular.module('pickers', ['gridle.datepicker']); // OR angular.module('pickers', ['gridle.timepicker']); // OR angular.module('pickers', ['gridle.datetimepicker']); </script>
- As an NPM module
import { datepicker, timepicker, datetimepicker } from 'gridle-datetimepickers'; angular.module('pickers', [datepicker]); // OR angular.module('pickers', [timepicker]); // OR angular.module('pickers', [datetimepicker]);
-
To use the pickers you can use it as follows:
- Datepicker
<!-- Datepicker --> <datepicker ng-model="datepicker" datepicker-config="datepickerConfig"></datepicker>
- Date picker config properties
- max: [Date|string|moment] default=null The maximum date the datepicker should allow
- min [Date|string|moment] default=null The minimum date the datepicker should allow
- strict [boolean] strict=true Whether a strict parsing should be done or not
- validate [boolean] strict=false Whether to perform validation on the value or not
<!-- Timepicker --> <timepicker ng-model="timepicker" timepicker-config="timepickerConfig"></timepicker>
-
Time picker config properties
- strict [boolean] default=true Whether a strict parsing should be done or not
- validate [boolean] default=true Whether to perform validation on the value or not
-
Datetimepicker
<!-- Datetimepicker --> <datetimepicker ng-model="datetimepicker" datetimepicker-config="datetimepickerConfig"></datetimepicker>
- DateTime picker config properties
- isUtc [boolean] default=true Whether the dateTime provided is in UTC or not
- max: [Date|string|moment] default=null The maximum dateTime the datetimePicker should allow
- min [Date|string|moment] default=null The minimum dateTime the datetimePicker should allow
- strict [boolean] default=true Whether a strict parsing should be done or not