{"_id":"@amccarthy/ngx-mat-daterange-picker","_rev":"5-85b89092002da7a90833afcc6ff8026b","name":"@amccarthy/ngx-mat-daterange-picker","dist-tags":{"latest":"1.2.2"},"versions":{"1.1.5":{"name":"@amccarthy/ngx-mat-daterange-picker","version":"1.1.5","homepage":"https://github.com/amccarthy/ngx-mat-daterange-picker","repository":{"type":"git","url":"git+https://github.com/amccarthy/ngx-mat-daterange-picker.git"},"license":"MIT","keywords":["angular","angular2","ngx","material","angular-material","datepicker","daterange-picker","ngx-mat-daterange-picker"],"private":false,"dependencies":{"@angular/animations":"^6.1","@angular/cdk":"^6.1","@angular/common":"^6.1","@angular/compiler":"^6.1","@angular/core":"^6.1","@angular/forms":"^6.1","@angular/material":"^6.1","@angular/platform-browser":"^6.1","@angular/platform-browser-dynamic":"^6.1","core-js":"^2.4.1","rxjs":"^6.1.0","zone.js":"^0.8.26","tslib":"^1.9.0"},"devDependencies":{"@angular/cli":"^6.1","@angular/compiler-cli":"^6.1","@angular/language-service":"^6.1","@types/jasmine":"~2.8.3","@types/jasminewd2":"~2.0.2","@types/node":"~6.0.60","codelyzer":"^4.0.1","jasmine-core":"~2.8.0","jasmine-spec-reporter":"~4.2.1","karma":"~2.0.0","karma-chrome-launcher":"~2.2.0","karma-coverage-istanbul-reporter":"^1.2.1","karma-jasmine":"~1.1.0","karma-jasmine-html-reporter":"^0.2.2","ng-packagr":"^2.4.2","protractor":"~5.1.2","ts-node":"~4.1.0","tslint":"~5.9.1","typescript":"2.7.2","@angular-devkit/build-angular":"~0.6.0"},"main":"bundles/amccarthy-ngx-mat-daterange-picker.umd.js","module":"esm5/amccarthy-ngx-mat-daterange-picker.js","es2015":"esm2015/amccarthy-ngx-mat-daterange-picker.js","typings":"amccarthy-ngx-mat-daterange-picker.d.ts","metadata":"amccarthy-ngx-mat-daterange-picker.metadata.json","_resolved":"","_integrity":"","_from":"file:dist.tgz","bugs":{"url":"https://github.com/amccarthy/ngx-mat-daterange-picker/issues"},"_id":"@amccarthy/ngx-mat-daterange-picker@1.1.5","_nodeVersion":"10.14.0","_npmVersion":"6.11.2","dist":{"integrity":"sha512-UwK+GkYaf81phpjjFfLZLPtXvGtNbuYb5496TgAZ7DevA2xJGp3RbAvuNoKBl1LVDhTJY2L/N1pp3NOXfIUXcQ==","shasum":"46e1114f57931d0e1960f527e4b52e450171a1ef","tarball":"https://registry.npmjs.org/@amccarthy/ngx-mat-daterange-picker/-/ngx-mat-daterange-picker-1.1.5.tgz","fileCount":48,"unpackedSize":241912,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdca0RCRA9TVsSAnZWagAAjVoP/iYL+6zBmYHW97unfhV8\n+mZG3USaHPvRcYmz7vGwW/VH3t4KElFNGDWC76dqvMUipjsZ5IfOH2OtUThU\n/uaYFFxToHT9gezzhaIUDCiEDzy8eSUjPpOUKJUyV6oVnKRSVgoUu47D5Igh\nNoC9bd47ORrPy/34qoHBa1hBx6H0KMa9414zxfkY1HKB/wsmkj9VXVZvnDg+\nJKU4ul/8oBOXThoKpsgp35oxWr4FNnukePsRCgA4hj2C2DxqjBSYkAkVeko7\n6kAU/K+G2c80Bq8zRi0pEKSpD41NE4VJa2kFhCSW7EqFRl9KhfDogmCC3kgu\npDC9xbp6Skpvhwbo98dD06QejnSN/DlnZpz5RZxiOigGog73sYs1i1XYJ4+H\nCtRE5cmw4PkXlCVRsLxLT8OKMF+W1rIL+TLfn4FDfotqTzO0lwenK/f1O0uq\nTqh1Ja35XC2KA9/siF82LaL7RFEKLrN1KcWblWhH61Dqa0mtaH/MVwXmDuXI\naLNyjOviXFltYcsVp08yrfokcgqDHNDwD1zLmYZUW5TzQyyKAF6H9sEpj7kH\nElkLbC98OH5gcPF5epzG2ckBE5k6zykKJ7+VE+dYsqobCKqTLFicWWZ0XXc/\nJ1Gdr+ql4FM3lR3jx6358LL6GQgAqMgMcEIqgEuzwXg6OdMt82vYCfYK+h3X\n/JvY\r\n=B8wB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGZm8B2mtdVaY+8eCebIyyBUDasMrlR8YZvVJatFVEFaAiAUI9fVUVpU4SLTrHd9cow6mAfKMMBI3LzEgSMod33mbA=="}]},"maintainers":[{"name":"amccarthy","email":"mccarthy.aaron@gmail.com"}],"_npmUser":{"name":"amccarthy","email":"mccarthy.aaron@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-mat-daterange-picker_1.1.5_1567730960667_0.8885537916557891"},"_hasShrinkwrap":false},"1.2.0":{"name":"@amccarthy/ngx-mat-daterange-picker","version":"1.2.0","homepage":"https://github.com/amccarthy/ngx-mat-daterange-picker","repository":{"type":"git","url":"git+https://github.com/amccarthy/ngx-mat-daterange-picker.git"},"license":"MIT","keywords":["angular","angular2","ngx","material","angular-material","datepicker","daterange-picker","ngx-mat-daterange-picker"],"private":false,"dependencies":{"@angular/animations":"^6.1","@angular/cdk":"^6.1","@angular/common":"^6.1","@angular/compiler":"^6.1","@angular/core":"^6.1","@angular/forms":"^6.1","@angular/material":"^6.1","@angular/platform-browser":"^6.1","@angular/platform-browser-dynamic":"^6.1","core-js":"^2.4.1","rxjs":"^6.1.0","zone.js":"^0.8.26","tslib":"^1.9.0"},"devDependencies":{"@angular/cli":"^6.1","@angular/compiler-cli":"^6.1","@angular/language-service":"^6.1","@types/jasmine":"~2.8.3","@types/jasminewd2":"~2.0.2","@types/node":"~6.0.60","codelyzer":"^4.0.1","jasmine-core":"~2.8.0","jasmine-spec-reporter":"~4.2.1","karma":"~2.0.0","karma-chrome-launcher":"~2.2.0","karma-coverage-istanbul-reporter":"^1.2.1","karma-jasmine":"~1.1.0","karma-jasmine-html-reporter":"^0.2.2","ng-packagr":"^2.4.2","protractor":"~5.1.2","ts-node":"~4.1.0","tslint":"~5.9.1","typescript":"2.7.2","@angular-devkit/build-angular":"~0.6.0"},"main":"bundles/amccarthy-ngx-mat-daterange-picker.umd.js","module":"esm5/amccarthy-ngx-mat-daterange-picker.js","es2015":"esm2015/amccarthy-ngx-mat-daterange-picker.js","typings":"amccarthy-ngx-mat-daterange-picker.d.ts","metadata":"amccarthy-ngx-mat-daterange-picker.metadata.json","_resolved":"","_integrity":"","_from":"file:dist.tgz","bugs":{"url":"https://github.com/amccarthy/ngx-mat-daterange-picker/issues"},"_id":"@amccarthy/ngx-mat-daterange-picker@1.2.0","_nodeVersion":"10.14.0","_npmVersion":"6.11.2","dist":{"integrity":"sha512-hBbczqd1pHJP1fwACUUPJbi9Y2In6sRSc6mFZNCXIsvU1vjvEg6gyDbXyNGDEhYZdO4gtNWSSjvEZ0Ytu0RtMQ==","shasum":"22449a7d3b2d3b73e24340628504faa3ef24e944","tarball":"https://registry.npmjs.org/@amccarthy/ngx-mat-daterange-picker/-/ngx-mat-daterange-picker-1.2.0.tgz","fileCount":48,"unpackedSize":257853,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVwT2CRA9TVsSAnZWagAAtIQP/1nYwGRuQsEZ6i0sFpyV\nU9toT7rbmGVj/WvMNb+n1aD7PJTbLYD+oxInFpivNGo7Ii/0iPGyexRM47kg\n7LabLMATv0yjcAg4D4mEyySFfkP+jUaQbabeAtcSb1hWM4OzlCrTVK3hJTg+\nsjDjUlRWt+8Qeyxwt6p4lYpm0kBT5JxzYkK8jUd26ZVNA4B5Af9WRVgob80z\ngf5mHxsSy2yuyev058T3HYfLfI8AYBJpeHJxi7D1UgnE1vOVQ37roNjakreB\nlhCR4fX/gyMrheimbUhIAz8ErpzNBvI1snIU21z9ktETpXgJ6pFLTsEEaXbF\nYXHMOpuJaH1wzn9LjJVMFi6id027SPY7p5191lwvof4yWyAcUGYXhxahJCtu\nF1abUuT4BsfqfmZohvMPbxw4df6nUik4LBhF2I23hx5fzfoVFAb8L1ShzzEb\n/u12yfLQonzsKoMf3is3jsg799VMdZE9Rqr6HkrQ4WW8g/U1JbCET0G6C+mh\nTsq6U8W8crWZUVk/I+gfsVl/uUGleZjdQB+bK8j2ebzk9pzujbkhwPHBf93b\nITLq8bKoq7QAQak0ig234kmtgs0NhCwzfU6Vx5hs+e3KBqHADZL8d9rQJZRK\nrpBBAJuM9XGpcrZQ5Sij535FflI8UIyvdtjuInUSZ9s0FMMUC+tGvCY89VS2\nPB+8\r\n=5+1U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsZtBJCupuCXdXvNkVuhfF1wKh1ZypItyDATwmwx/skAIgMTN9XKfT9B9tnNWRwaEDAzeX9RmD0Lwt1pKP8kRkEFc="}]},"maintainers":[{"name":"amccarthy","email":"mccarthy.aaron@gmail.com"}],"_npmUser":{"name":"amccarthy","email":"mccarthy.aaron@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-mat-daterange-picker_1.2.0_1582761205849_0.9617033780178004"},"_hasShrinkwrap":false},"1.2.2":{"name":"@amccarthy/ngx-mat-daterange-picker","version":"1.2.2","homepage":"https://github.com/amccarthy/ngx-mat-daterange-picker","repository":{"type":"git","url":"git+https://github.com/amccarthy/ngx-mat-daterange-picker.git"},"license":"MIT","keywords":["angular","angular2","ngx","material","angular-material","datepicker","daterange-picker","ngx-mat-daterange-picker"],"private":false,"dependencies":{"@angular/animations":"^6.1","@angular/cdk":"^6.1","@angular/common":"^6.1","@angular/compiler":"^6.1","@angular/core":"^6.1","@angular/forms":"^6.1","@angular/material":"^6.1","@angular/platform-browser":"^6.1","@angular/platform-browser-dynamic":"^6.1","core-js":"^2.4.1","rxjs":"^6.1.0","zone.js":"^0.8.26","tslib":"^1.9.0"},"devDependencies":{"@angular/cli":"^6.1","@angular/compiler-cli":"^6.1","@angular/language-service":"^6.1","@types/jasmine":"~2.8.3","@types/jasminewd2":"~2.0.2","@types/node":"~6.0.60","codelyzer":"^4.0.1","jasmine-core":"~2.8.0","jasmine-spec-reporter":"~4.2.1","karma":"~2.0.0","karma-chrome-launcher":"~2.2.0","karma-coverage-istanbul-reporter":"^1.2.1","karma-jasmine":"~1.1.0","karma-jasmine-html-reporter":"^0.2.2","ng-packagr":"^2.4.2","protractor":"~5.1.2","ts-node":"~4.1.0","tslint":"~5.9.1","typescript":"2.7.2","@angular-devkit/build-angular":"~0.6.0"},"main":"bundles/amccarthy-ngx-mat-daterange-picker.umd.js","module":"esm5/amccarthy-ngx-mat-daterange-picker.js","es2015":"esm2015/amccarthy-ngx-mat-daterange-picker.js","typings":"amccarthy-ngx-mat-daterange-picker.d.ts","metadata":"amccarthy-ngx-mat-daterange-picker.metadata.json","description":"[![CircleCI](https://circleci.com/gh/ashishgkwd/ngx-mat-daterange-picker.svg?style=shield)](https://circleci.com/gh/ashishgkwd/ngx-mat-daterange-picker) [![Maintainability](https://api.codeclimate.com/v1/badges/2b0d09a866f6d2ed139c/maintainability)](https","bugs":{"url":"https://github.com/amccarthy/ngx-mat-daterange-picker/issues"},"_id":"@amccarthy/ngx-mat-daterange-picker@1.2.2","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-AKtQlWJtJIDG/dOfNsPBdWdJ/Gcq8mW9BaICyiR2icviuOiMEWUmZi9QyeygIn2OKdbjEa0z87VP25kKWY3FNg==","shasum":"ac81bff4af4c08ac94aac34d83a03c1cbb2e3294","tarball":"https://registry.npmjs.org/@amccarthy/ngx-mat-daterange-picker/-/ngx-mat-daterange-picker-1.2.2.tgz","fileCount":24,"unpackedSize":262984,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA035FkdPI90Maqc8e5ApOaIuPDlyZ8pMrWKTXC0ysjdAiBvrEO5voMBhWTRNNdeeT38DnK7ldEgRvDj2WozF1SOCQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixNqjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqk4BAAnQZGgyiWyfWc2mhVpbDEZnG42V3IR6s16HhsmzGUDSRKRFmc\r\nv9LJwcHEAYzCGXuRxvZm5QqAZotbPKZvuepnm3BMbjZzMAguLUoyWaExfys8\r\nnbDXo8k4mfGlunT6pE7K8KStlkPpfRHBK2sEyRjl1LGofLWuzQhhVAp/OHKs\r\n1VWWVfWnKur0Dr3EKSS9Tel+p9ZBNr0lE3wl5n2zPDSWr49C6dqDcZjkS5Yp\r\n3QLyXbvlwk9RRWQSnpoUE7E9Zf1xiQWWUC4mgI7yj9Lnsi2CsSYM1eDpuCip\r\nMD7LTtpKJ0vY2dDlarmUHUJeNs1leJsESkq8UT4Mp01vGT+Tnxr6zs+LetYh\r\nu5mvrne4mF2lcfxHC48v8TJos9B3I7ohgcF4+wJoR8BvZuv0djLKIgdqg+dV\r\n3jsubk7sTLC+RHcYToVS8QbYGsS0PxIRAH20xJ178UUqtbty1qjD3XlMPznb\r\naliJlJyks845YWbTYN+A46H00iIX5cPupDpgwWtMdkpTgIuyiZ3tgai7CQN/\r\n6GpmNmJP+mOQkRoQjgx3yuCoC6+0/jZm1GRwdU1FjDfn8oj/MjNfaWwkc67i\r\nwsmQvQobe+eT2R6lIQy6njMKioY1/SJ7uzmJwFYKHAWUnub+GfK9ZDHp18Pl\r\nVZpT5h2ESDOxFhmOzP2kqAqYDYyXmJzqiTQ=\r\n=EPzT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"amccarthy","email":"mccarthy.aaron@gmail.com"},"directories":{},"maintainers":[{"name":"amccarthy","email":"mccarthy.aaron@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-mat-daterange-picker_1.2.2_1657068195107_0.4587386061350893"},"_hasShrinkwrap":false}},"time":{"created":"2019-09-06T00:49:20.435Z","1.1.5":"2019-09-06T00:49:20.796Z","modified":"2022-07-06T00:43:15.323Z","1.2.0":"2020-02-26T23:53:25.975Z","1.2.1":"2022-07-06T00:27:27.454Z","1.2.2":"2022-07-06T00:43:15.253Z"},"maintainers":[{"name":"amccarthy","email":"mccarthy.aaron@gmail.com"}],"homepage":"https://github.com/amccarthy/ngx-mat-daterange-picker","keywords":["angular","angular2","ngx","material","angular-material","datepicker","daterange-picker","ngx-mat-daterange-picker"],"repository":{"type":"git","url":"git+https://github.com/amccarthy/ngx-mat-daterange-picker.git"},"bugs":{"url":"https://github.com/amccarthy/ngx-mat-daterange-picker/issues"},"license":"MIT","readme":"[![CircleCI](https://circleci.com/gh/ashishgkwd/ngx-mat-daterange-picker.svg?style=shield)](https://circleci.com/gh/ashishgkwd/ngx-mat-daterange-picker) [![Maintainability](https://api.codeclimate.com/v1/badges/2b0d09a866f6d2ed139c/maintainability)](https://codeclimate.com/github/ashishgkwd/ngx-mat-daterange-picker/maintainability)\n[![Test Coverage](https://api.codeclimate.com/v1/badges/2b0d09a866f6d2ed139c/test_coverage)](https://codeclimate.com/github/ashishgkwd/ngx-mat-daterange-picker/test_coverage) \n![Angular_Version 6](https://img.shields.io/badge/Angular%20Version-6-brightgreen.svg)\n\n# NgxMatDaterangePicker\n\nAngular Material Date range picker with configurable Date presets.\n\nFully compatible with latest Angular versions.\nPlease see the installation table below for version compatability.\n\nPackaged using [ng-packagr](http://spektrakel.de/ng-packagr/)\n\n## Demo\n\nhttps://ashishgkwd.github.io/ngx-mat-daterange-picker/\n\n![ngx-mat-daterange-picker.gif](https://raw.githubusercontent.com/ashishgkwd/ngx-mat-daterange-picker/master/src/assets/img/ngx-mat-daterange-picker.gif)\n\n\n## Installation \n\nAngular Version | Compatible version\n---|---\n6.0 | v1.1.4\n5.0 and below | v0.0.2\n\n#### For Angular v6:\n```javascript\nnpm install ngx-mat-daterange-picker --save\nor\nyarn add ngx-mat-daterange-picker --save\n```\n\n#### For Angular v5 and below:\n```javascript\nnpm install ngx-mat-daterange-picker@0.0.2 --save\nor\nyarn add ngx-mat-daterange-picker@0.0.2 --save\n```\n\n**NOTE:** Angular Material requires the `BrowserAnimationsModule` and \n as per [#5684](https://github.com/angular/angular-cli/issues/5684) `BrowserAnimationsModule` should only be imported in your app/main module.  \n\n`app.module.ts`   \n```typescript\nimport {BrowserAnimationsModule} from '@angular/platform-browser/animations';\n\n@NgModule({\n  ...\n  imports: [BrowserAnimationsModule],\n  ...\n})\n```\n\n## Peer Dependencies\n\nPlease note and install the following peer dependencies necessary for Angular v6\n\n```json\n\"peerDependencies\": {\n    \"@angular/animations\": \"^6.1\",\n    \"@angular/cdk\": \"^6.1\",\n    \"@angular/material\": \"^6.1\"\n  }\n```\n\n## Example\n\nImport `NgxMatDrpModule` module in your application module.\n\n`app.module.ts`\n```typescript\nimport { NgxMatDrpModule } from 'ngx-mat-daterange-picker';\n\n@NgModule({\n  ...,\n  imports: [..., NgxMatDrpModule, ...],\n  ...\n})\nexport class AppModule { }\n```\n\nSetup the `NgxDrpOptions` configuration required by the component and the handler function to receive the `Range` object on Date selection.\n\n`app.component.ts`\n```typescript\nimport { Component } from '@angular/core';\nimport { NgxDrpOptions, PresetItem, Range } from 'ngx-mat-daterange-picker';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.css']\n})\nexport class AppComponent {\n\n  range:Range = {fromDate:new Date(), toDate: new Date()};\n  options:NgxDrpOptions;\n  presets:Array<PresetItem> = [];\n\n  ngOnInit() {\n    const today = new Date();\n    const fromMin = new Date(today.getFullYear(), today.getMonth()-2, 1);\n    const fromMax = new Date(today.getFullYear(), today.getMonth()+1, 0);\n    const toMin = new Date(today.getFullYear(), today.getMonth()-1, 1);\n    const toMax = new Date(today.getFullYear(), today.getMonth()+2, 0);\n\n    this.setupPresets();\n    this.options = {\n                    presets: this.presets,\n                    format: 'mediumDate',\n                    range: {fromDate:today, toDate: today},\n                    applyLabel: \"Submit\",\n                    calendarOverlayConfig: {\n                      shouldCloseOnBackdropClick: false,\n                      hasBackDrop: false\n                    }\n                    // cancelLabel: \"Cancel\",\n                    // excludeWeekends:true,\n                    // fromMinMax: {fromDate:fromMin, toDate:fromMax},\n                    // toMinMax: {fromDate:toMin, toDate:toMax}\n                  };\n  }\n  \n  // handler function that receives the updated date range object\n  updateRange(range: Range){\n    this.range = range;\n  }  \n  \n  // helper function to create initial presets\n  setupPresets() {\n\n    const backDate = (numOfDays) => {\n      const today = new Date();\n      return new Date(today.setDate(today.getDate() - numOfDays));\n    }\n    \n    const today = new Date();\n    const yesterday = backDate(1);\n    const minus7 = backDate(7)\n    const minus30 = backDate(30);\n    const currMonthStart = new Date(today.getFullYear(), today.getMonth(), 1);\n    const currMonthEnd = new Date(today.getFullYear(), today.getMonth()+1, 0);\n    const lastMonthStart = new Date(today.getFullYear(), today.getMonth()-1, 1);\n    const lastMonthEnd = new Date(today.getFullYear(), today.getMonth(), 0);\n    \n    this.presets =  [\n      {presetLabel: \"Yesterday\", range:{ fromDate:yesterday, toDate:today }},\n      {presetLabel: \"Last 7 Days\", range:{ fromDate: minus7, toDate:today }},\n      {presetLabel: \"Last 30 Days\", range:{ fromDate: minus30, toDate:today }},\n      {presetLabel: \"This Month\", range:{ fromDate: currMonthStart, toDate:currMonthEnd }},\n      {presetLabel: \"Last Month\", range:{ fromDate: lastMonthStart, toDate:lastMonthEnd }}\n    ]\n  }\n}\n```\n\nPass the reference of the new range selection handler function to `selectedDateRangeChanged` **event emitter** and the `NgxDrpOptions` options reference to the `options` **input** property.\n\n`app.compnent.html`\n```html\n<ngx-mat-drp (selectedDateRangeChanged)=\"updateRange($event)\" [options]=\"options\" #dateRangePicker></ngx-mat-drp>\n```\n\nReset the date using `ViewChild` reference:\n```typescript\n@ViewChild('dateRangePicker') dateRangePicker;\n\n...\n\nconst today = new Date();\nconst resetRange = {fromDate: today, toDate: today};\nthis.dateRangePicker.resetDates(resetRange); // will trigger selectedDateRangeChanged\n\n```\n\n\n\n## Configuration\n\n```typescript\nexport interface PresetItem {\n    presetLabel: string;\n    range: Range;\n}\n\nexport interface Range {\n    fromDate: Date;\n    toDate: Date;\n}\n\nexport interface CalendarOverlayConfig {\n    panelClass?: string;\n    hasBackdrop?: boolean;\n    backdropClass?: string;\n    shouldCloseOnBackdropClick?: boolean;\n}\n\nexport interface NgxDrpOptions {\n    presets: Array<PresetItem>;\n    format: string;\n    range: Range;\n    excludeWeekends?: boolean;\n    locale?: string;\n    fromMinMax?: Range;\n    toMinMax?: Range;\n    applyLabel?: string;\n    cancelLabel?: string;\n    animation?: boolean;\n    calendarOverlayConfig?: CalendarOverlayConfig;\n    placeholder?: string;\n    startDatePrefix?: string;\n    endDatePrefix?: string;\n}\n```\n\n## Build\n\nRun `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.\n\nRun `npm run packagr` to build the library project. The build artifacts will be stored in the `dist/`. \n\n## Running unit tests\n\nRun `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).\n\n\n## License\n\nMIT\n","readmeFilename":"README.md","description":"[![CircleCI](https://circleci.com/gh/ashishgkwd/ngx-mat-daterange-picker.svg?style=shield)](https://circleci.com/gh/ashishgkwd/ngx-mat-daterange-picker) [![Maintainability](https://api.codeclimate.com/v1/badges/2b0d09a866f6d2ed139c/maintainability)](https"}