Files
djangocms/static/admin/assets/pug/pages/theme/time-picker.pug
T
2024-12-13 08:31:39 +07:00

85 lines
3.2 KiB
Plaintext

- var theme_customizer = true;
- var time_picker = true;
- var sidebar = true;
- var slick = true;
- var header_slider = true;
- var animate = true;
- var scrollbar = true;
doctype html
html(lang='en')
include ../../components/header-files
body
include ../../components/loader
include ../../components/taptop
// page-wrapper Start
#pageWrapper.page-wrapper.compact-wrapper
include ../../components/header
// Page Body Start
.page-body-wrapper
include ../../components/sidebar
.page-body
.container-fluid
.page-title
.row
.col-6
h3
| Time Picker
.col-6
ol.breadcrumb
li.breadcrumb-item
a(href='index.html')
svg.stroke-icon
use(href='../assets/svg/icon-sprite.svg#stroke-home')
li.breadcrumb-item Form Widgets
li.breadcrumb-item.active Time Picker
// Container-fluid starts
.container-fluid
.row
.col-lg-6
.card
.card-header
h5 Default:
.card-body
form.theme-form
div
.input-group.clockpicker
input.form-control(type='text', value='09:30')
span.input-group-addon
span.glyphicon.glyphicon-time
.col-lg-6
.card
.card-header
h5 Align the arrow to top, auto close:
.card-body
form.theme-form
div
.input-group.clockpicker.pull-center(data-placement='left', data-align='top', data-autoclose='true')
input.form-control(type='text', value='13:14')
span.input-group-addon
span.glyphicon.glyphicon-time
.col-lg-6
.card
.card-header
h5 Set options in javascript, instead of data-* :
.card-body
form.theme-form
div
.input-group.clockpicker(data-placement='top', data-align='left', data-donetext='Done')
input.form-control(type='text', value='18:00')
span.input-group-addon
span.glyphicon.glyphicon-time
.col-lg-6
.card
.card-header
h5 Set default value, input without addon:
.card-body
.clearfix
form.theme-form
div
input#single-input.form-control(type='text', value='', placeholder='Addon')
// Container-fluid ends
include ../../components/footer
include ../../components/footer-files