DurationComponent

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

Example

DurationComponent

<duration-component
    :mobile-native="true"
    :horizontal="false"
/>

Props

Name	Description	Type	Required	Default
value	Inner value of the component	—	`false`	null
tooltipPosition	Allows you to indicate the psoition of the tooltip	`String`	`false`	"is-top"
tooltipType	Allows you to indicate the type of the tooltip	`String`	`false`	"is-white"
horizontal	Allows you to indicate if the component will be horizontal or not	`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 clear bottom will be displayed or not	`Boolean`	`false`	false
showNowButton	Allows you to indicate if the now bottom will be displayed or not	`Boolean`	`false`	false
showClearIcon	Allows you to indicate if the clear bottom icon will be displayed or not	`Boolean`	`false`	true
minTime	Allows you to indicate the selectable min time	`Date`	`false`	-
maxTime	Allows you to indicate the selectable max time	`Date`	`false`	-
clearIconSize	Allows you to indicate the clear bottom icon size	`String`	`false`	"is-small"
editable	Allows you to indicate if the time is editable	`Boolean`	`false`	true
isRequired	Allows you to indicate if the duration 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
appendToBody	Same as append-to-body in Buefy b-tooltip	`Boolean`	`false`	false
validationMode	Validation mode to ValidationProvider	`String`	`false`	"eager"
hideValidation	Allows you to indicate if show validation or not	`Boolean`	`false`	false
operators	Allows you to indicate the operators to be used	`String`	`false`	""
day	Indicates if day options will be displayed	`Boolean`	`false`	false
hour	Indicates if hour options will be displayed	`Boolean`	`false`	true
minute	Indicates if minute options will be displayed	`Boolean`	`false`	true
second	Indicates if second options will be displayed	`Boolean`	`false`	true

Events

Event Name	Description	Parameters
input	-	-