Date Range Picker With Presets -rangepicker

Author: chesminsky
Official Page: Go to website
Publish Date: December 16, 2019
License: MIT

Description:

A tiny and Material Design inspired date range picker with preset date ranges for faster selection.

How to use it:

1. Install and import the component.

# NPM
$ npm install @sgv/rangepicker --save
import { SgvRangepickerModule } from '@sgv/rangepicker';
@NgModule({
  imports: [
    ...
    SgvRangepickerModule
    ...
  ]
})

2. Create a basic date range picker componnet.

<mat-form-field>
  <input matInput [sgvRangepicker]="myDatepicker" placeholder="Choose a date">
  <sgv-rangepicker #myDatepicker></sgv-rangepicker>
</mat-form-field>

Preview:

Date Range Picker With Presets -rangepicker


You Might Be Interested In:

Add Comment