<script>
import DateInput from "~/components/atoms/input/DateInput";
export default {
  components: {
    DateInput
  },
  props: {
    label: {type: String},
    value: {default: {}},
    type: {default: ""},
    format: {default: ""},
    disabled_date: {default: ""},
    size: {default: "md"},
    placeholder: {type: String},
    additional_class_label: {default: ""},
    additional_class_group: {default: ""},
    additional_class_input: {default: ""}
  },
  computed: {
    local_value: {
      get: function () {
        return this.value
      },
      set: function (value) {
        this.$emit('input', value)
      }
    },
  }
}
</script>
<template>
  <div :class="`row ${additional_class_group}`">
    <div :class="`col-2 px-0 pt-2 ${additional_class_label}`">
      {{ label }} :
    </div>
    <div :class="`col-9 ${additional_class_input}`">
      <date-input :disabled_date="disabled_date" :format="format" :type="type" :placeholder="placeholder" v-model="local_value" />
    </div>
  </div>
</template>