DateTimePickerComponent

This component allows you to create a datetime component. It depends on ValidationObserver, extend and required from Vee Validate.

<date-time-picker-component
    label="Label",
    placeholder="Placeholder",
    :min-date-time="new Date()",
    :show-clear-button="true",
    :show-now-button="true",
    :append-to-body="true",
    position="is-top-right"
/>

Props

Name	Description	Type	Required	Default
value	Inner value of the component	—	`false`	null
horizontal	Allows you to indicate if the component will be horizontal or not	`Boolean`	`false`	true
focusable	Same as focusable in Buefy b-timepicker	`Boolean`	`false`	true
hourFormat	Allows you to indicate the hour format	`String`	`false`	"24"
locale	Locale string {en, es ...} for display language on component	`String`	`false`	"es-MX"
convertUnit	Allows you to indicate the unit of convertion	`String`	`false`	""
showClearButton	Allows you to indicate if the today button will be displayed or not	`Boolean`	`false`	false
showNowButton	Allows you to indicate if the now button will be displayed or not	`Boolean`	`false`	false
minTime	Allows you to indicate the selectable min time	`Date`	`false`	-
maxTime	Allows you to indicate the selectable max time	`Date`	`false`	-
editable	Allows you to indicate if the time is editable	`Boolean`	`false`	true
isRequired	Allows you to indicate if the time is required	`Boolean`	`false`	true
labelInside	Allows you to indicate if the label will be inside of the input	`Boolean`	`false`	false
labelOnBorder	Allows you to indicate if the label will be on the border of the input	`Boolean`	`false`	false
mobileNative	Same as mobile-native in Buefy b-timepicker	`Boolean`	`false`	false
enableSeconds	Allows you to indicate if the seconds will be enabled or not	`Boolean`	`false`	true
inline	Same as inline in Buefy b-timepicker	`Boolean`	`false`	false
loading	Same as loading in Buefy b-timepicker	`Boolean`	`false`	false
position	Same as position in Buefy b-timepicker	`String`	`false`	"is-bottom-right"
appendToBody	Same as append-to-body in Buefy b-timepicker	`Boolean`	`false`	false
format	Allows you to indicate the format of the returned datetime	`String`	`false`	"DD/MM/YYYY HH:mm"
size	Same as size in Buefy b-timepicker	`String`	`false`	undefined
validationMode	Validation mode to ValidationProvider	`String`	`false`	"eager"
hideValidation	Allows you to indicate if show validation or not	`Boolean`	`false`	false
minDateTime	Allows you to indicate the selectable min datetime	`Date`	`false`	-
maxDateTime	Allows you to indicate the selectable max datetime	`Date`	`false`	-
type	Same as type in Buefy b-datetimepicker	`String`	`false`	undefined
range	Same as range in Buefy b-datetimepicker	`Boolean`	`false`	false
mobileModal	Same as mobile-modal in Buefy b-datetimepicker	`Boolean`	`false`	true
datepicker	Same as datepicker in Buefy b-datetimepicker	`Object`	`false`	undefined
timepicker	Same as timepicker in Buefy b-datetimepicker	`Object`	`false`	undefined

Events

Event Name	Description	Parameters
input	-	-