ct-ng2-datepicker

Angular 2 Datepicker for Centeva projects

Usage no npm install needed!

<script type="module">
  import ctNg2Datepicker from 'https://cdn.skypack.dev/ct-ng2-datepicker';
</script>

README

ct-ngx-datepticker

NOTE:

In accordance with the naming scheme for angular to avoid using 2 in the name, we have renamed to ct-ngx-datepicker with a new NPM package and repo https://github.com/Centeva/ngx-datepicker

Introduction

A single and dual date picker, written for angular 2+ projects.

Code Samples

Usage Example

<ct-date-picker [(date)]="date1" zIndex="100" formControlName="singlePicker">
    <input #date class="form-control" />
</ct-date-picker>

<ct-dual-picker [(dateFrom)]="date2" [(dateTo)]="date3" zIndex="100" formControlName="dualPicker">
    <input #dateFrom class="form-control" />
    <input #dateTo class="form-control" />
 </ct-dual-picker>

Installation

npm install --save ct-ng2-datepicker

Requirements

  • Angular 2+ (common, core, forms)
  • jQuery 3+ (see note below)
  • moment 2

Why jQuery?

I have already implemented the datepicker using the renderer class to support Angular Universal Apps, and avoid needing jQuery. However at this time renderer is experimental. When it is no longer experimental the code will be updated.

Why moment?

Because the datepicker returns a moment date, not a string.

Release Notes

  • 1.0.2 -- Notice about new repo.
  • 1.0.1 -- Unspecified bug fixes (sorry, just starting to do this right)
  • 1.0.0 -- Initial Release

Migration Notes