<template>
  <n-options-date ref="options" v-model="isFocus" v-bind="{disabled, activeValue: nValue, type, min, max, maxlength, autoClose: false, footer: {option, options}}"
                  @u-change="onUChange" @option-click="onOptionClick">
    <n-date-filter-refer class="n-date-filter" v-model="isFocus" v-bind="{label, name, labels, disabled, clearable}"
                         @u-update="onReferUpdateValues" @user-input="onUserInput"></n-date-filter-refer>
  </n-options-date>
</template>
<script>
import NDatePicker from '@uif/next/lib/components/date-picker'
import NDateFilterRefer from './date-filter-refer'
import {prop} from '@uif/next/lib/utils/tools'

export default {
  inheritAttrs: false,
  name: 'n-date-filter',
  extends: NDatePicker,
  components: {
    NDateFilterRefer
  },
  props: {
    label: prop.string()
  }
}
</script>
