ngx-bootstrap 1.8.1 → 1.9.3

package/datepicker/bs-datepicker.scss

@@ -0,0 +1,532 @@
+@import 'utils/scss/variables';
+@import 'utils/scss/mixins';
+
+/* .bs-datepicker */
+.bs-datepicker {
+  display: flex;
+  align-items: stretch;
+  flex-flow: row wrap;
+  background: $main-bg;
+  box-shadow: 0 0 10px 0 $main-box-shadow;
+  position: relative;
+  z-index: 1;
+
+
+  &:after {
+    clear: both;
+    content: '';
+    display: block;
+  }
+
+  bs-day-picker {
+    float: left;
+  }
+
+  /* button */
+  button:hover,
+  button:focus,
+  button:active,
+  input:hover,
+  input:focus,
+  input:active,
+  &-btns button:hover,
+  &-btns button:focus,
+  &-btns button:active,
+  &-predefined-btns button:active,
+  &-predefined-btns button:focus {
+    outline: none;
+  }
+
+  /* .bs-datepicker-head */
+  &-head {
+    min-width: 270px;
+    height: 50px;
+    padding: 10px;
+    border-radius: 3px 3px 0 0;
+    text-align: justify;
+
+    &:after {
+      content: "";
+      display: inline-block;
+      vertical-align: top;
+      width: 100%;
+    }
+
+    /* .bs-datepicker-head button */
+    button {
+      display: inline-block;
+      vertical-align: top;
+      padding: 0;
+      height: 30px;
+      line-height: 30px;
+      border: 0;
+      background: transparent;
+      text-align: center;
+      cursor: pointer;
+      color: $font-color-01;
+      transition: 0.3s;
+
+      &[disabled],
+      &[disabled]:hover,
+      &[disabled]:active {
+        background: $disabled-background;
+        color: $disabled-color;
+        cursor: not-allowed;
+      }
+
+      &.next,
+      &.previous {
+        border-radius: 50%;
+        width: 30px;
+        height: 30px;
+
+        span {
+          font-size: 28px;
+          line-height: 1;
+          display: inline-block;
+          position: relative;
+          height: 100%;
+          width: 100%;
+          border-radius: 50%;
+        }
+      }
+
+      &.current {
+        border-radius: 15px;
+        max-width: 155px;
+        padding: 0 13px;
+      }
+    }
+  }
+
+  &-head {
+    button {
+      &:hover {
+        background-color: rgba(0, 0, 0, 0.1);
+      }
+      &:active {
+        background-color: rgba(0, 0, 0, 0.2);
+      }
+    }
+  }
+
+  /* .bs-datepicker-body */
+  &-body {
+    padding: 10px;
+    border-radius: 0 0 3px 3px;
+    min-height: 232px;
+    min-width: 278px;
+    border: 1px solid $border-color;
+
+    .days.weeks {
+      position: relative;
+      z-index: 1;
+    }
+
+    /* .bs-datepicker-body table */
+    table {
+      width: 100%;
+      border-collapse: separate;
+      border-spacing: 0;
+
+      th {
+        font-size: 13px;
+        color: $font-color-02;
+        font-weight: 400;
+        text-align: center;
+      }
+
+      td {
+        color: $font-color-03;
+        text-align: center;
+        position: relative;
+        padding: 0;
+
+        span {
+          display: block;
+          margin: 0 auto;
+          font-size: 13px;
+          border-radius: 50%;
+          position: relative;
+          /*z-index: 1;*/
+          -moz-user-select: none;
+          -webkit-user-select: none;
+          -ms-user-select: none;
+        }
+
+        &:not(.disabled) span {
+          cursor: pointer;
+        }
+
+        &.is-highlighted:not(.disabled):not(.selected) span,
+        span.is-highlighted:not(.disabled):not(.selected) {
+          background-color: $highlighted;
+          transition: 0s;
+        }
+
+        span.disabled,
+        &.disabled span {
+          color: $font-color-02;
+        }
+
+        span.selected,
+        &.selected span {
+          color: $font-color-01;
+        }
+
+        &.active {
+          position: relative;
+
+          &.select-start:before {
+            left: 35%;
+          }
+
+          &.select-end:before {
+            left: -85%;
+          }
+        }
+
+        span.active.select-start:after,
+        span.active.select-end:after,
+        &.active.select-start span:after,
+        &.active.select-end span:after {
+          content: "";
+          display: block;
+          position: absolute;
+          z-index: -1;
+          width: 100%;
+          height: 100%;
+          transition: 0.3s;
+          top: 0;
+          border-radius: 50%;
+        }
+
+        &:before,
+        span:before {
+          content: "";
+          display: block;
+          position: absolute;
+          z-index: -1;
+          top: 6px;
+          bottom: 6px;
+          left: -2px;
+          right: -2px;
+          box-sizing: content-box;
+          background: transparent;
+        }
+
+        &.active.select-start + td.active:before {
+          left: -20%;
+        }
+
+        &:last-child.active:before {
+          border-radius: 0 3px 3px 0;
+          width: 125%;
+          left: -25%;
+        }
+
+        span[class*="select-"],
+        &[class*="select-"] span {
+          border-radius: 50%;
+          color: $font-color-01;
+        }
+      }
+
+      /* .bs-datepicker-body table.days */
+      &.days {
+        td,
+        span {
+          &.active:not(.select-start):before,
+          &.in-range:not(.select-start):before {
+            background: $highlighted;
+          }
+        }
+
+        span {
+          width: 32px;
+          height: 32px;
+          line-height: 32px;
+
+          &.select-start {
+            z-index: 2;
+          }
+          &.is-highlighted.in-range:before,
+          &.in-range.select-end:before {
+            background: none;
+            right: 0;
+            left: 0;
+          }
+        }
+
+        td {
+          &.select-start + td.select-end:before,
+          &.select-start + td.is-highlighted:before,
+          &.active + td.is-highlighted:before,
+          &.active + td.select-end:before,
+          &.in-range + td.is-highlighted:before,
+          &.in-range + td.select-end:before {
+            background: $highlighted;
+            width: 100%;
+          }
+        }
+      }
+
+      /* .bs-datepicker-body table.weeks */
+      &.weeks {
+        tr {
+          td {
+            &:nth-child(2).active:before {
+              border-radius: 3px 0 0 3px;
+              left: 0;
+              width: 100%;
+            }
+          }
+        }
+      }
+
+      &:not(.weeks) {
+        tr {
+          td{
+            &:first-child:before {
+              border-radius: 3px 0 0 3px;
+            }
+          }
+        }
+      }
+
+      &.years {
+        td {
+          span {
+            width: 46px;
+            height: 46px;
+            line-height: 45px;
+            margin: 0 auto;
+          }
+        }
+
+        tr:not(:last-child) {
+          td {
+            span {
+              margin-bottom: 8px;
+            }
+          }
+        }
+      }
+
+      &.months {
+        td {
+          height: 52px;
+
+          span {
+            padding: 6px;
+            border-radius: 15px;
+          }
+        }
+      }
+    }
+  }
+
+  /* .current-timedate */
+  .current-timedate {
+    color: $font-color-03;
+    font-size: 15px;
+    text-align: center;
+    height: 30px;
+    line-height: 30px;
+    border-radius: 20px;
+    border: 1px solid $border-color;
+    margin-bottom: 10px;
+    cursor: pointer;
+    text-transform: uppercase;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+
+    span:not(:empty):before {
+      content: "";
+      width: 15px;
+      height: 16px;
+      display: inline-block;
+      margin-right: 4px;
+      vertical-align: text-bottom;
+      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
+    }
+  }
+
+  /* .bs-datepicker-multiple */
+  &-multiple {
+    display: inline-block;
+    border-radius: 4px 0 0 4px;
+
+    & + & {
+      margin-left: 10px;
+    }
+
+    .bs-datepicker {
+      box-shadow: none;
+      position: relative;
+
+      &:not(:last-child) {
+        padding-right: 10px;
+      }
+
+      & + .bs-datepicker:after {
+        content: "";
+        display: block;
+        width: 14px;
+        height: 10px;
+        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
+        position: absolute;
+        top: 25px;
+        left: -8px;
+      }
+
+      .left {
+        float: left;
+      }
+
+      .right {
+        float: right;
+      }
+    }
+  }
+
+  /* .bs-datepicker-btns */
+  &-container {
+    padding: 15px;
+  }
+
+  /*.bs-datepicker-custom-range */
+  &-custom-range {
+    padding: 15px;
+    background: $custom-range-bg;
+  }
+
+  /* .bs-datepicker-predefined-btns */
+  &-predefined-btns {
+    button {
+      width: 100%;
+      display: block;
+      height: 30px;
+      background-color: $btn-bg2;
+      border-radius: 4px;
+      color: $font-color-01;
+      border: 0;
+      margin-bottom: 10px;
+      padding: 0 18px;
+      text-align: left;
+      transition: 0.3s;
+
+      &:active,
+      &:hover {
+        background-color: $btn-bg2-hover;
+      }
+    }
+  }
+
+  /* .is-other-month */
+  .is-other-month {
+    color: rgba(0, 0, 0, 0.25);
+  }
+
+  /* .bs-datepicker-buttons */
+  &-buttons {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: flex-end;
+    padding-top: 10px;
+    border-top: 1px solid $border-color;
+
+    .btn-default {
+      margin-left: 10px;
+    }
+  }
+}
+
+/* .bs-timepicker */
+.bs-timepicker {
+  &-container {
+    padding: 10px 0;
+  }
+
+  &-label {
+    color: $font-color-03;
+    margin-bottom: 10px;
+  }
+
+  &-controls {
+    display: inline-block;
+    vertical-align: top;
+    margin-right: 10px;
+
+    button {
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      border: 0;
+      background-color: $btn-bg;
+      color: $font-color-03;
+      font-size: 16px;
+      font-weight: 700;
+      vertical-align: middle;
+      line-height: 0;
+      padding: 0;
+      transition: 0.3s;
+
+      &:hover {
+        background-color: $btn-bg-hover;
+      }
+    }
+
+    input {
+      width: 35px;
+      height: 25px;
+      border-radius: 13px;
+      text-align: center;
+      border: 1px solid $border-color;
+    }
+  }
+
+  .switch-time-format {
+    text-transform: uppercase;
+    min-width: 54px;
+    height: 25px;
+    border-radius: 20px;
+    border: 1px solid $border-color;
+    background: $main-bg;
+    color: $font-color-03;
+    font-size: 13px;
+
+    img {
+      vertical-align: initial;
+      margin-left: 4px;
+    }
+  }
+}
+
+/* screen size < 1024px */
+@media (max-width: 768px) {
+  bs-datepicker-container,
+  bs-daterangepicker-container {
+    position: fixed !important;
+    left: 50% !important;
+    top: 50% !important;
+    transform: translate(-50%, -50%);
+  }
+
+  .bs-datepicker {
+    &-multiple {
+      display: flex;
+
+      & + & {
+        margin-top: 10px;
+        margin-left: 0;
+      }
+    }
+  }
+}
+
+/* theming */
+@each $name, $color in $theme-list {
+  @include theming($name, $color);
+}

package/datepicker/bs-daterangepicker-input.directive.d.ts

@@ -0,0 +1,21 @@
+import { ElementRef, OnInit, Renderer } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { BsDatepickerConfig } from './bs-datepicker.config';
+import { BsDaterangepickerComponent } from './bs-daterangepicker.component';
+export declare class BsDaterangepickerInputDirective implements OnInit, ControlValueAccessor {
+    private _picker;
+    private _config;
+    private _renderer;
+    private _elRef;
+    private _onChange;
+    private _onTouched;
+    constructor(_picker: BsDaterangepickerComponent, _config: BsDatepickerConfig, _renderer: Renderer, _elRef: ElementRef);
+    ngOnInit(): void;
+    onChange(event: any): void;
+    writeValue(value: Date[] | string): void;
+    setDisabledState(isDisabled: boolean): void;
+    registerOnChange(fn: (value: any) => any): void;
+    registerOnTouched(fn: () => any): void;
+    onBlur(): void;
+    hide(): void;
+}

package/datepicker/bs-daterangepicker-input.directive.js

@@ -0,0 +1,87 @@
+import { Directive, ElementRef, forwardRef, Host, Renderer } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { BsDatepickerConfig } from './bs-datepicker.config';
+import { BsDaterangepickerComponent } from './bs-daterangepicker.component';
+import { formatDate } from '../bs-moment/format';
+import { getLocale } from '../bs-moment/locale/locales.service';
+var BS_DATERANGEPICKER_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(function () { return BsDaterangepickerInputDirective; }),
+    multi: true
+};
+var BsDaterangepickerInputDirective = (function () {
+    function BsDaterangepickerInputDirective(_picker, _config, _renderer, _elRef) {
+        this._picker = _picker;
+        this._config = _config;
+        this._renderer = _renderer;
+        this._elRef = _elRef;
+        this._onChange = Function.prototype;
+        this._onTouched = Function.prototype;
+    }
+    BsDaterangepickerInputDirective.prototype.ngOnInit = function () {
+        var _this = this;
+        this._picker.bsValueChange.subscribe(function (v) {
+            var range = '';
+            if (v) {
+                var start = formatDate(v[0], _this._picker._config.rangeInputFormat, _this._picker._config.locale);
+                var end = formatDate(v[1], _this._picker._config.rangeInputFormat, _this._picker._config.locale);
+                range = start + _this._picker._config.rangeSeparator + end;
+            }
+            _this._renderer.setElementProperty(_this._elRef.nativeElement, 'value', range);
+            _this._onChange(v);
+        });
+    };
+    BsDaterangepickerInputDirective.prototype.onChange = function (event) {
+        this.writeValue(event.target.value);
+        this._onTouched();
+    };
+    BsDaterangepickerInputDirective.prototype.writeValue = function (value) {
+        if (!value) {
+            this._picker.bsValue = null;
+        }
+        var _locale = getLocale(this._picker._config.locale);
+        if (!_locale) {
+            throw new Error("Locale \"" + this._picker._config.locale + "\" is not defined, please add it with \"defineLocale(...)\"");
+        }
+        if (typeof value === 'string') {
+            this._picker.bsValue = value
+                .split(this._picker._config.rangeSeparator)
+                .map(function (date) { return new Date(_locale.preparse(date)); })
+                .map(function (date) { return isNaN(date.valueOf()) ? null : date; });
+        }
+        if (Array.isArray(value)) {
+            this._picker.bsValue = value;
+        }
+    };
+    BsDaterangepickerInputDirective.prototype.setDisabledState = function (isDisabled) {
+        this._picker.isDisabled = isDisabled;
+        this._renderer.setElementAttribute(this._elRef.nativeElement, 'disabled', 'disabled');
+    };
+    BsDaterangepickerInputDirective.prototype.registerOnChange = function (fn) { this._onChange = fn; };
+    BsDaterangepickerInputDirective.prototype.registerOnTouched = function (fn) { this._onTouched = fn; };
+    BsDaterangepickerInputDirective.prototype.onBlur = function () { this._onTouched(); };
+    BsDaterangepickerInputDirective.prototype.hide = function () {
+        this._picker.hide();
+    };
+    BsDaterangepickerInputDirective.decorators = [
+        { type: Directive, args: [{
+                    selector: "input[bsDaterangepicker]",
+                    host: {
+                        '(change)': 'onChange($event)',
+                        '(keyup.esc)': 'hide()',
+                        '(blur)': 'onBlur()'
+                    },
+                    providers: [BS_DATERANGEPICKER_VALUE_ACCESSOR]
+                },] },
+    ];
+    /** @nocollapse */
+    BsDaterangepickerInputDirective.ctorParameters = function () { return [
+        { type: BsDaterangepickerComponent, decorators: [{ type: Host },] },
+        { type: BsDatepickerConfig, },
+        { type: Renderer, },
+        { type: ElementRef, },
+    ]; };
+    return BsDaterangepickerInputDirective;
+}());
+export { BsDaterangepickerInputDirective };
+//# sourceMappingURL=bs-daterangepicker-input.directive.js.map

package/datepicker/bs-daterangepicker-input.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../.tmp/datepicker/bs-daterangepicker-input.directive.ts"],"names":[],"mappings":"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","file":"bs-daterangepicker-input.directive.js","sourceRoot":"","sourcesContent":["import { Directive, ElementRef, forwardRef, Host, OnInit, Renderer } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BsDatepickerConfig } from './bs-datepicker.config';\nimport { BsDaterangepickerComponent } from './bs-daterangepicker.component';\nimport { formatDate } from '../bs-moment/format';\nimport { getLocale } from '../bs-moment/locale/locales.service';\n\nconst BS_DATERANGEPICKER_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => BsDaterangepickerInputDirective),\n  multi: true\n};\n\n\nexport class BsDaterangepickerInputDirective\n  implements OnInit, ControlValueAccessor {\n\n  private _onChange = Function.prototype;\n  private _onTouched = Function.prototype;\n\n  constructor( private _picker: BsDaterangepickerComponent,\n              private _config: BsDatepickerConfig,\n              private _renderer: Renderer,\n              private _elRef: ElementRef) {\n  }\n\n  ngOnInit(): void {\n    this._picker.bsValueChange.subscribe((v: Date[]) => {\n      let range = '';\n      if (v) {\n        const start = formatDate(v[0], this._picker._config.rangeInputFormat, this._picker._config.locale);\n        const end = formatDate(v[1], this._picker._config.rangeInputFormat, this._picker._config.locale);\n        range = start + this._picker._config.rangeSeparator + end;\n      }\n      this._renderer.setElementProperty(this._elRef.nativeElement, 'value', range);\n      this._onChange(v);\n    });\n  }\n\n  onChange(event: any) {\n    this.writeValue(event.target.value);\n    this._onTouched();\n  }\n\n  writeValue(value: Date[] | string) {\n    if (!value) {\n      this._picker.bsValue = null;\n    }\n\n    const _locale = getLocale(this._picker._config.locale);\n    if (!_locale) {\n      throw new Error(`Locale \"${this._picker._config.locale}\" is not defined, please add it with \"defineLocale(...)\"`);\n    }\n    if (typeof value === 'string') {\n      this._picker.bsValue = value\n        .split(this._picker._config.rangeSeparator)\n        .map(date => new Date(_locale.preparse(date)))\n        .map(date => isNaN(date.valueOf()) ? null : date);\n    }\n\n    if (Array.isArray(value)) {\n      this._picker.bsValue = value;\n    }\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._picker.isDisabled = isDisabled;\n    this._renderer.setElementAttribute(this._elRef.nativeElement, 'disabled', 'disabled');\n  }\n\n  registerOnChange(fn: (value: any) => any): void { this._onChange = fn; }\n\n  registerOnTouched(fn: () => any): void { this._onTouched = fn; }\n\n  onBlur() { this._onTouched(); }\n\n  hide() {\n    this._picker.hide();\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n  selector: `input[bsDaterangepicker]`,\n  host: {\n    '(change)': 'onChange($event)',\n    '(keyup.esc)': 'hide()',\n    '(blur)': 'onBlur()'\n  },\n  providers: [BS_DATERANGEPICKER_VALUE_ACCESSOR]\n}, ] },\n];\n/** @nocollapse */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: BsDaterangepickerComponent, decorators: [{ type: Host }, ]},\n{type: BsDatepickerConfig, },\n{type: Renderer, },\n{type: ElementRef, },\n];\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"]}

package/datepicker/bs-daterangepicker-input.directive.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":3,"metadata":{"BsDaterangepickerInputDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"input[bsDaterangepicker]","host":{"(change)":"onChange($event)","(keyup.esc)":"hide()","(blur)":"onBlur()","$quoted$":["(change)","(keyup.esc)","(blur)"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"BsDaterangepickerInputDirective"},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null,null],"parameters":[{"__symbolic":"reference","module":"./bs-daterangepicker.component","name":"BsDaterangepickerComponent"},{"__symbolic":"reference","module":"./bs-datepicker.config","name":"BsDatepickerConfig"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"BsDaterangepickerInputDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"input[bsDaterangepicker]","host":{"(change)":"onChange($event)","(keyup.esc)":"hide()","(blur)":"onBlur()"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"BsDaterangepickerInputDirective"},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null,null],"parameters":[{"__symbolic":"reference","module":"./bs-daterangepicker.component","name":"BsDaterangepickerComponent"},{"__symbolic":"reference","module":"./bs-datepicker.config","name":"BsDatepickerConfig"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}]}}}}]