mat-range-datepicker-arcadia
Material datepicker with range support ## What is this?
Last updated 6 months ago by avykhrystyuk .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install mat-range-datepicker-arcadia 
SYNC missed versions from official npm registry.

Material range datepicker

Material datepicker with range support

What is this?

Issue in material2 repo. Material date range picker

how to use it?

Installation: yarn add mat-range-datepicker or npm install mat-range-datepicker Import MatRangeDatepickerModule, MatRangeNativeDateModule and MatDatepickerModule

  <mat-form-field>
    <input matInput [matRangeDatepicker]="resultPicker">
    <mat-range-datepicker
        #resultPicker
        [rangeMode]="true">
    </mat-range-datepicker>
   </mat-form-field>

Add styles:

  • If you are using CSS: copy-paste or include somehow the file mat-range-datepicker/bundle.css
  • If you are using SCSS:
@import '~mat-range-datepicker/theming';
@include mat-range-datepicker-theme($theme); # material theme data structure https://material.angular.io/guide/theming#defining-a-custom-theme

ngModel/formControl value have this interface:

export interface matRangeDatepickerRangeValue<D> {
  begin: D | null;
  end: D | null;
}

Licence: MIT

Publish your own package

yarn build:lib
(cd dist ; npm pack)
npm publish

Current Tags

  • 1.0.1                                ...           latest (6 months ago)

2 Versions

  • 1.0.1                                ...           6 months ago
  • 1.0.0                                ...           6 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (1)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |