Install

npm i schedule-time-vue@latest

Usage

import VueSchedule from 'schedule-time-vue'
import 'schedule-vue/dist/style.css'

const value = ref('')

<VueSchedule v-model="value" @format-time="times => time = times" :data-type="week"/>

interface Props {
  value: string
  selectedText?: string
  unselectedText?: string
  morningText?: string
  afternoonText?: string
  weeksText?: string[]
  placeholder?: string
}

interface Emits {
  (e: 'update:value', value: string): void
  (e: 'formatTime', list: FormatTime): void
}

interface FormatTime {
  [key: string]: string[]
}

Preview