Date & Time Pickers
We have created a date-time picker starting from the element-ui date picker. We have changed the colours, typography and buttons, so it can look like the rest of the dashboard.
Please check out date-picker docs for detailed info as well as ExtendedForms.vue page to see some examples. Below is a very simple example
import {DatePicker, TimeSelect} from 'element-ui'
Global usage
Vue.use(DatePicker)
Vue.use(TimeSelect)
For local usage
export default {
components: {
[DatePicker.name]: DatePicker,
[TimeSelect.name]: TimeSelect
}
}
Date picker
Wrap the date-picker in a base-input
component in order to have an input similar to the ones in the dashboard
Show Code
Time picker
Show Code
DateTime picker
Show Code
← Validations Charts →