icon: ''
extra:
  zh-CN: |

    ```html
      <group>
        <calendar title="title" v-model="value"></calendar>
      </group>
    ```

    <p class="tip">`calendar`只能在`Group`中使用
    <br>
     除了`title`和 `value`, 其他`props`和`inline-calendar`完全一致。
    </p>

    <p class="tip">当绑定值为数组时，日历将为多选模式</p>

  en: |

    ```html
      <group>
        <calendar title="title" v-model="value"></calendar>
      </group>
    ```

    <p class="tip">`calendar` can be only used in `Group`
    <br>
    Except `title` and `value`, other `props` are the same as those of `inline-calendar`.
    </p>

tags:
  en:
    - calendar
    - time
    - date
  zh-CN:
    - 日历
    - 日期
extends:
  - inline-calendar
  - popup
  - cell
intro:
  zh-CN: 扩展自inline-calendar, 相关属性可查看inline-calendar文档
  en: extends from inline-calendar. Related props can be found in the document of inline-calendar
props:
  value:
    type: String
    default: ''
    zh-CN: "表单值, v-model 绑定。当值为空时，为单选；当值为[]时，为多选；设置值为'TODAY'可快捷选取当前日期。`placeholder`只有在值为空或[]时显示。"
    en: form value, binding by v-model. Empty means single seleciton; [] means multiple selection. When the value is "TODAY", can quick pick current date. `placeholder` is valid only when the value is empty or [].
  title:
    type: String
    default: ''
    zh-CN: label文字
    en: text of label
  placeholder:
    type: String
    en: placeholder
    zh-CN: 占位提示文字
events:
  on-change:
    params: (value)
    en: emits when value changes
    zh-CN: 值改变时触发
  on-show:
    en: emits when popup shows
    zh-CN: 弹窗显示时触发
  on-hide:
    en: emits when popup hides
    zh-CN: 弹窗关闭时触发