<template>
  <TimePicker
    v-model='msg'
    transfer
    format="HH:mm:ss"
    type="time"
    placeholder=""
    @on-change="change"
  ></TimePicker>

</template>

<script type="text/ecmascript-6">
export default {
  name: 'TimeTypePicker',

  props: {
    options: {
      type: Object,
      default: () => ({})
    }
  },

  data() {
    return {
      msg: ''
    };
  },

  methods: {
    change(e) {
      this.$emit('change', e);
    },
  },

  mounted() {
    this.msg = this.options.valuedata || ''
  }
};
</script>

<style lang="scss" scoped>
</style>
