gridle-datetimepickers

1.0.0 • Public • Published

Date, Time and Datetime Pickers for AngularJS 1.5+

Simple Dropdown based pickers

Installation:

  • Clone as a Git repository

    https://github.com/gridle-io/gridle-datetimepickers.git

    [OR]

    git@github.com:gridle-io/gridle-datetimepickers.git
  • Install as a node_module

    npm i gridle-datetimepickers --save
    
    OR
    
    npm install gridle-datetimepickers --save

Getting Started:

  1. 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]);
  2. 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

License

MIT

Package Sidebar

Install

npm i gridle-datetimepickers

Weekly Downloads

3

Version

1.0.0

License

none

Unpacked Size

182 kB

Total Files

20

Last publish

Collaborators

  • manish_demblani