element-plus
Version:
A Component Library for Vue 3
129 lines (126 loc) • 2.57 kB
JavaScript
import { CircleClose, Clock } from '@element-plus/icons-vue';
import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
import { useEmptyValuesProps } from '../../../hooks/use-empty-values/index.mjs';
import { useSizeProp } from '../../../hooks/use-size/index.mjs';
const timeSelectProps = buildProps({
/**
* @description set format of time
*/
format: {
type: String,
default: "HH:mm"
},
/**
* @description binding value
*/
modelValue: {
type: definePropType(String)
},
/**
* @description whether TimeSelect is disabled
*/
disabled: {
type: Boolean,
default: void 0
},
/**
* @description whether the input is editable
*/
editable: {
type: Boolean,
default: true
},
/**
* @description Tooltip theme, built-in theme: `dark` / `light`
*/
effect: {
type: definePropType(String),
default: "light"
},
/**
* @description whether to show clear button
*/
clearable: {
type: Boolean,
default: true
},
/**
* @description size of Input
*/
size: useSizeProp,
/**
* @description placeholder in non-range mode
*/
placeholder: String,
/**
* @description start time
*/
start: {
type: String,
default: "09:00"
},
/**
* @description end time
*/
end: {
type: String,
default: "18:00"
},
/**
* @description time step
*/
step: {
type: String,
default: "00:30"
},
/**
* @description minimum time, any time before this time will be disabled
*/
minTime: {
type: definePropType(String)
},
/**
* @description maximum time, any time after this time will be disabled
*/
maxTime: {
type: definePropType(String)
},
/**
* @description whether `end` is included in options
*/
includeEndTime: Boolean,
/**
* @description same as `name` in native input
*/
name: String,
/**
* @description custom prefix icon component
*/
prefixIcon: {
type: definePropType([String, Object]),
default: () => Clock
},
/**
* @description custom clear icon component
*/
clearIcon: {
type: definePropType([String, Object]),
default: () => CircleClose
},
/**
* @description custom class name for TimeSelect's dropdown
*/
popperClass: {
type: String,
default: ""
},
/**
* @description custom style for TimeSelect's dropdown
*/
popperStyle: {
type: definePropType([String, Object])
},
...useEmptyValuesProps
});
export { timeSelectProps };
//# sourceMappingURL=time-select.mjs.map