Adding date-range-picker element in FormValidator. Updating datetimepicker js library Adding sabre-vobject ical library.1.9.x
Julio Montoya
11 years ago
parent
7b1a107e65
commit
4c6799fe57
@ -1,5 +1,6 @@ |
||||
{ |
||||
"require": { |
||||
"php-ffmpeg/php-ffmpeg": "0.3.x-dev@dev" |
||||
"php-ffmpeg/php-ffmpeg": "0.3.x-dev@dev", |
||||
"sabre/vobject" : "~3.1" |
||||
} |
||||
} |
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,62 @@ |
||||
<?php |
||||
/* For licensing terms, see /license.txt */ |
||||
require_once 'HTML/QuickForm/date.php'; |
||||
|
||||
/** |
||||
* Form element to select a date and hour (with popup datepicker) |
||||
*/ |
||||
class DatePicker extends HTML_QuickForm_text |
||||
{ |
||||
public $addLibrary = false; |
||||
/** |
||||
* Constructor |
||||
*/ |
||||
public function DatePicker($elementName = null, $elementLabel = null, $attributes = null) |
||||
{ |
||||
if (!isset($attributes['id'])) { |
||||
$attributes['id'] = $elementName; |
||||
} |
||||
|
||||
HTML_QuickForm_element::HTML_QuickForm_element($elementName, $elementLabel, $attributes); |
||||
$this->_appendName = true; |
||||
$this->_type = 'date_picker'; |
||||
} |
||||
|
||||
/** |
||||
* HTML code to display this datepicker |
||||
*/ |
||||
public function toHtml() |
||||
{ |
||||
$js = $this->getElementJS(); |
||||
return $js.parent::toHtml(); |
||||
} |
||||
|
||||
function setValue($value) |
||||
{ |
||||
$value = substr($value, 0, 16); |
||||
$this->updateAttributes( |
||||
array( |
||||
'value' => $value |
||||
) |
||||
); |
||||
} |
||||
|
||||
/** |
||||
* Get the necessary javascript for this datepicker |
||||
*/ |
||||
private function getElementJS() |
||||
{ |
||||
$js = null; |
||||
$id = $this->getAttribute('id'); |
||||
|
||||
$js .= "<script> |
||||
$(function() { |
||||
$('#$id').datepicker({ |
||||
dateFormat: 'yy-mm-dd' |
||||
}); |
||||
}); |
||||
</script>"; |
||||
|
||||
return $js; |
||||
} |
||||
} |
||||
@ -0,0 +1,138 @@ |
||||
<?php |
||||
/* For licensing terms, see /license.txt */ |
||||
require_once 'HTML/QuickForm/date.php'; |
||||
|
||||
/** |
||||
* Form element to select a date and hour (with popup datepicker) |
||||
*/ |
||||
class DateRangePicker extends HTML_QuickForm_text |
||||
{ |
||||
public $addLibrary = false; |
||||
/** |
||||
* Constructor |
||||
*/ |
||||
public function DateRangePicker($elementName = null, $elementLabel = null, $attributes = null) |
||||
{ |
||||
if (!isset($attributes['id'])) { |
||||
$attributes['id'] = $elementName; |
||||
} |
||||
$attributes['class'] = 'span3'; |
||||
HTML_QuickForm_element::HTML_QuickForm_element($elementName, $elementLabel, $attributes); |
||||
$this->_appendName = true; |
||||
$this->_type = 'date_range_picker'; |
||||
} |
||||
|
||||
/** |
||||
* HTML code to display this datepicker |
||||
*/ |
||||
public function toHtml() |
||||
{ |
||||
$js = $this->getElementJS(); |
||||
return $js.parent::toHtml(); |
||||
} |
||||
|
||||
function setValue($value) |
||||
{ |
||||
$this->updateAttributes( |
||||
array( |
||||
'value' => $value |
||||
) |
||||
); |
||||
} |
||||
|
||||
/** |
||||
* Get the necessary javascript for this datepicker |
||||
*/ |
||||
private function getElementJS() |
||||
{ |
||||
$js = null; |
||||
|
||||
if ($this->addLibrary == true) { |
||||
$js .= '<script src="'.api_get_path(WEB_LIBRARY_PATH).'javascript/daterange/moment.min.js" type="text/javascript"></script>'; |
||||
$js .= '<script src="'.api_get_path(WEB_LIBRARY_PATH).'javascript/daterange/daterangepicker.js" type="text/javascript"></script>'; |
||||
$js .='<link href="'.api_get_path(WEB_LIBRARY_PATH).'javascript/daterange/daterangepicker-bs2.css" rel="stylesheet" type="text/css" />'; |
||||
|
||||
$isocode = api_get_language_isocode(); |
||||
if ($isocode != 'en') { |
||||
$js .= api_get_js('jquery-ui/jquery-ui-i18n.min.js'); |
||||
$js .= '<script> |
||||
$(function(){ |
||||
moment.lang("'.$isocode.'"); |
||||
}); |
||||
</script>'; |
||||
} |
||||
} |
||||
|
||||
$id = $this->getAttribute('id'); |
||||
//timeFormat: 'hh:mm' |
||||
$js .= "<script> |
||||
$(function() { |
||||
$('#$id').daterangepicker({ |
||||
format: 'YYYY-MM-DD HH:mm', |
||||
timePicker: true, |
||||
timePickerIncrement: 30, |
||||
timePicker12Hour: false, |
||||
ranges: { |
||||
'".get_lang('Today')."': [moment(), moment()], |
||||
'".get_lang('ThisWeek')."': [moment().weekday(1), moment().weekday(5)], |
||||
'".get_lang('NextWeek')."': [moment().weekday(8), moment().weekday(12)] |
||||
}, |
||||
//showDropdowns : true, |
||||
separator: ' / ', |
||||
locale: { |
||||
applyLabel: '".get_lang('Apply')."', |
||||
cancelLabel: '".get_lang('Cancel')."', |
||||
fromLabel: '".get_lang('From')."', |
||||
toLabel: '".get_lang('To')."', |
||||
customRangeLabel: '".get_lang('CustomRange')."', |
||||
} |
||||
}); |
||||
}); |
||||
</script>"; |
||||
|
||||
return $js; |
||||
} |
||||
|
||||
/** |
||||
* @param array $dateRange |
||||
|
||||
* @return array |
||||
*/ |
||||
function parseDateRange($dateRange) |
||||
{ |
||||
$dates = explode('/', $dateRange); |
||||
$dates = array_map('trim', $dates); |
||||
|
||||
return array( |
||||
'start' => $dates[0], |
||||
'end' => $dates[1] |
||||
); |
||||
} |
||||
|
||||
/** |
||||
* @param array $dates result of parseDateRange() |
||||
* @return bool |
||||
*/ |
||||
function validateDates($dates) |
||||
{ |
||||
|
||||
if (empty($dates['start']) || empty($dates['end'])) { |
||||
return false; |
||||
} |
||||
$format = 'Y-m-d H:i'; |
||||
$d = DateTime::createFromFormat($format, $dates['start']); |
||||
$resultStart = $d && $d->format($format) == $dates['start']; |
||||
|
||||
$d = DateTime::createFromFormat($format, $dates['end']); |
||||
$resultEnd = $d && $d->format($format) == $dates['end']; |
||||
|
||||
if (!($resultStart) || !$resultEnd) { |
||||
return false; |
||||
} |
||||
|
||||
return true; |
||||
} |
||||
|
||||
|
||||
|
||||
} |
||||
@ -0,0 +1,256 @@ |
||||
/*! |
||||
* Stylesheet for the Date Range Picker, for use with Bootstrap 2.x |
||||
* |
||||
* Copyright 2013 Dan Grossman ( http://www.dangrossman.info ) |
||||
* Licensed under the Apache License v2.0 |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Built for http://www.improvely.com |
||||
*/ |
||||
|
||||
.daterangepicker.dropdown-menu { |
||||
max-width: none; |
||||
z-index: 3000; |
||||
} |
||||
|
||||
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { |
||||
float: left; |
||||
margin: 4px; |
||||
} |
||||
|
||||
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { |
||||
float: right; |
||||
margin: 4px; |
||||
} |
||||
|
||||
.daterangepicker .ranges { |
||||
width: 160px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.daterangepicker .ranges .range_inputs>div { |
||||
float: left; |
||||
} |
||||
|
||||
.daterangepicker .ranges .range_inputs>div:nth-child(2) { |
||||
padding-left: 11px; |
||||
} |
||||
|
||||
.daterangepicker .calendar { |
||||
display: none; |
||||
max-width: 250px; |
||||
} |
||||
.daterangepicker.show-calendar .calendar { |
||||
display: block; |
||||
} |
||||
|
||||
.daterangepicker .calendar.single .calendar-date { |
||||
border: none; |
||||
} |
||||
|
||||
.daterangepicker .calendar th, .daterangepicker .calendar td { |
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
||||
white-space: nowrap; |
||||
text-align: center; |
||||
} |
||||
|
||||
.daterangepicker .daterangepicker_start_input label, |
||||
.daterangepicker .daterangepicker_end_input label { |
||||
color: #333; |
||||
font-size: 11px; |
||||
margin-bottom: 2px; |
||||
text-transform: uppercase; |
||||
text-shadow: 1px 1px 0 #fff; |
||||
} |
||||
|
||||
.daterangepicker .ranges input { |
||||
font-size: 11px; |
||||
} |
||||
|
||||
.daterangepicker .ranges ul { |
||||
list-style: none; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
.daterangepicker .ranges li { |
||||
font-size: 13px; |
||||
background: #f5f5f5; |
||||
border: 1px solid #f5f5f5; |
||||
color: #08c; |
||||
padding: 3px 12px; |
||||
margin-bottom: 8px; |
||||
-webkit-border-radius: 5px; |
||||
-moz-border-radius: 5px; |
||||
border-radius: 5px; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { |
||||
background: #08c; |
||||
border: 1px solid #08c; |
||||
color: #fff; |
||||
} |
||||
|
||||
.daterangepicker .calendar-date { |
||||
border: 1px solid #ddd; |
||||
padding: 4px; |
||||
border-radius: 4px; |
||||
background: #fff; |
||||
} |
||||
|
||||
.daterangepicker .calendar-time { |
||||
text-align: center; |
||||
margin: 8px auto 0 auto; |
||||
line-height: 30px; |
||||
} |
||||
|
||||
.daterangepicker { |
||||
position: absolute; |
||||
background: #fff; |
||||
top: 100px; |
||||
left: 20px; |
||||
padding: 4px; |
||||
margin-top: 1px; |
||||
-webkit-border-radius: 4px; |
||||
-moz-border-radius: 4px; |
||||
border-radius: 4px; |
||||
} |
||||
|
||||
.daterangepicker.opensleft:before { |
||||
position: absolute; |
||||
top: -7px; |
||||
right: 9px; |
||||
display: inline-block; |
||||
border-right: 7px solid transparent; |
||||
border-bottom: 7px solid #ccc; |
||||
border-left: 7px solid transparent; |
||||
border-bottom-color: rgba(0, 0, 0, 0.2); |
||||
content: ''; |
||||
} |
||||
|
||||
.daterangepicker.opensleft:after { |
||||
position: absolute; |
||||
top: -6px; |
||||
right: 10px; |
||||
display: inline-block; |
||||
border-right: 6px solid transparent; |
||||
border-bottom: 6px solid #fff; |
||||
border-left: 6px solid transparent; |
||||
content: ''; |
||||
} |
||||
|
||||
.daterangepicker.opensright:before { |
||||
position: absolute; |
||||
top: -7px; |
||||
left: 9px; |
||||
display: inline-block; |
||||
border-right: 7px solid transparent; |
||||
border-bottom: 7px solid #ccc; |
||||
border-left: 7px solid transparent; |
||||
border-bottom-color: rgba(0, 0, 0, 0.2); |
||||
content: ''; |
||||
} |
||||
|
||||
.daterangepicker.opensright:after { |
||||
position: absolute; |
||||
top: -6px; |
||||
left: 10px; |
||||
display: inline-block; |
||||
border-right: 6px solid transparent; |
||||
border-bottom: 6px solid #fff; |
||||
border-left: 6px solid transparent; |
||||
content: ''; |
||||
} |
||||
|
||||
.daterangepicker table { |
||||
width: 100%; |
||||
margin: 0; |
||||
} |
||||
|
||||
.daterangepicker td, .daterangepicker th { |
||||
text-align: center; |
||||
width: 20px; |
||||
height: 20px; |
||||
-webkit-border-radius: 4px; |
||||
-moz-border-radius: 4px; |
||||
border-radius: 4px; |
||||
cursor: pointer; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
.daterangepicker td.off { |
||||
color: #999; |
||||
} |
||||
|
||||
.daterangepicker td.disabled { |
||||
color: #999; |
||||
} |
||||
|
||||
.daterangepicker td.available:hover, .daterangepicker th.available:hover { |
||||
background: #eee; |
||||
} |
||||
|
||||
.daterangepicker td.in-range { |
||||
background: #ebf4f8; |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
border-radius: 0; |
||||
} |
||||
|
||||
.daterangepicker td.active, .daterangepicker td.active:hover { |
||||
background-color: #006dcc; |
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); |
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc); |
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); |
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); |
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc); |
||||
background-image: linear-gradient(top, #0088cc, #0044cc); |
||||
background-repeat: repeat-x; |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); |
||||
border-color: #0044cc #0044cc #002a80; |
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
color: #fff; |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
||||
} |
||||
|
||||
.daterangepicker td.week, .daterangepicker th.week { |
||||
font-size: 80%; |
||||
color: #ccc; |
||||
} |
||||
|
||||
.daterangepicker select.monthselect, .daterangepicker select.yearselect { |
||||
font-size: 12px; |
||||
padding: 1px; |
||||
height: auto; |
||||
margin: 0; |
||||
cursor: default; |
||||
} |
||||
|
||||
.daterangepicker select.monthselect { |
||||
margin-right: 2%; |
||||
width: 56%; |
||||
} |
||||
|
||||
.daterangepicker select.yearselect { |
||||
width: 40%; |
||||
} |
||||
|
||||
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect { |
||||
width: 60px; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.daterangepicker_start_input { |
||||
float: left; |
||||
} |
||||
|
||||
.daterangepicker_end_input { |
||||
float: left; |
||||
padding-left: 11px |
||||
} |
||||
|
||||
.daterangepicker th.month { |
||||
width: auto; |
||||
} |
||||
@ -0,0 +1,267 @@ |
||||
/*! |
||||
* Stylesheet for the Date Range Picker, for use with Bootstrap 3.x |
||||
* |
||||
* Copyright 2013 Dan Grossman ( http://www.dangrossman.info ) |
||||
* Licensed under the Apache License v2.0 |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Built for http://www.improvely.com |
||||
*/ |
||||
|
||||
.daterangepicker.dropdown-menu { |
||||
max-width: none; |
||||
z-index: 3000; |
||||
} |
||||
|
||||
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { |
||||
float: left; |
||||
margin: 4px; |
||||
} |
||||
|
||||
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { |
||||
float: right; |
||||
margin: 4px; |
||||
} |
||||
|
||||
.daterangepicker .ranges { |
||||
width: 160px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.daterangepicker .ranges .range_inputs>div { |
||||
float: left; |
||||
} |
||||
|
||||
.daterangepicker .ranges .range_inputs>div:nth-child(2) { |
||||
padding-left: 11px; |
||||
} |
||||
|
||||
.daterangepicker .calendar { |
||||
display: none; |
||||
max-width: 270px; |
||||
} |
||||
|
||||
.daterangepicker.show-calendar .calendar { |
||||
display: block; |
||||
} |
||||
|
||||
.daterangepicker .calendar.single .calendar-date { |
||||
border: none; |
||||
} |
||||
|
||||
.daterangepicker .calendar th, .daterangepicker .calendar td { |
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
||||
white-space: nowrap; |
||||
text-align: center; |
||||
min-width: 32px; |
||||
} |
||||
|
||||
.daterangepicker .daterangepicker_start_input label, |
||||
.daterangepicker .daterangepicker_end_input label { |
||||
color: #333; |
||||
display: block; |
||||
font-size: 11px; |
||||
font-weight: normal; |
||||
height: 20px; |
||||
line-height: 20px; |
||||
margin-bottom: 2px; |
||||
text-shadow: #fff 1px 1px 0px; |
||||
text-transform: uppercase; |
||||
width: 74px; |
||||
} |
||||
|
||||
.daterangepicker .ranges input { |
||||
font-size: 11px; |
||||
} |
||||
|
||||
.daterangepicker .ranges .input-mini { |
||||
background-color: #eee; |
||||
border: 1px solid #ccc; |
||||
border-radius: 4px; |
||||
color: #555; |
||||
display: block; |
||||
font-size: 11px; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
vertical-align: middle; |
||||
margin: 0 0 10px 0; |
||||
padding: 0 6px; |
||||
width: 74px; |
||||
} |
||||
|
||||
.daterangepicker .ranges ul { |
||||
list-style: none; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
.daterangepicker .ranges li { |
||||
font-size: 13px; |
||||
background: #f5f5f5; |
||||
border: 1px solid #f5f5f5; |
||||
color: #08c; |
||||
padding: 3px 12px; |
||||
margin-bottom: 8px; |
||||
-webkit-border-radius: 5px; |
||||
-moz-border-radius: 5px; |
||||
border-radius: 5px; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { |
||||
background: #08c; |
||||
border: 1px solid #08c; |
||||
color: #fff; |
||||
} |
||||
|
||||
.daterangepicker .calendar-date { |
||||
border: 1px solid #ddd; |
||||
padding: 4px; |
||||
border-radius: 4px; |
||||
background: #fff; |
||||
} |
||||
|
||||
.daterangepicker .calendar-time { |
||||
text-align: center; |
||||
margin: 8px auto 0 auto; |
||||
line-height: 30px; |
||||
} |
||||
|
||||
.daterangepicker { |
||||
position: absolute; |
||||
background: #fff; |
||||
top: 100px; |
||||
left: 20px; |
||||
padding: 4px; |
||||
margin-top: 1px; |
||||
-webkit-border-radius: 4px; |
||||
-moz-border-radius: 4px; |
||||
border-radius: 4px; |
||||
} |
||||
|
||||
.daterangepicker.opensleft:before { |
||||
position: absolute; |
||||
top: -7px; |
||||
right: 9px; |
||||
display: inline-block; |
||||
border-right: 7px solid transparent; |
||||
border-bottom: 7px solid #ccc; |
||||
border-left: 7px solid transparent; |
||||
border-bottom-color: rgba(0, 0, 0, 0.2); |
||||
content: ''; |
||||
} |
||||
|
||||
.daterangepicker.opensleft:after { |
||||
position: absolute; |
||||
top: -6px; |
||||
right: 10px; |
||||
display: inline-block; |
||||
border-right: 6px solid transparent; |
||||
border-bottom: 6px solid #fff; |
||||
border-left: 6px solid transparent; |
||||
content: ''; |
||||
} |
||||
|
||||
.daterangepicker.opensright:before { |
||||
position: absolute; |
||||
top: -7px; |
||||
left: 9px; |
||||
display: inline-block; |
||||
border-right: 7px solid transparent; |
||||
border-bottom: 7px solid #ccc; |
||||
border-left: 7px solid transparent; |
||||
border-bottom-color: rgba(0, 0, 0, 0.2); |
||||
content: ''; |
||||
} |
||||
|
||||
.daterangepicker.opensright:after { |
||||
position: absolute; |
||||
top: -6px; |
||||
left: 10px; |
||||
display: inline-block; |
||||
border-right: 6px solid transparent; |
||||
border-bottom: 6px solid #fff; |
||||
border-left: 6px solid transparent; |
||||
content: ''; |
||||
} |
||||
|
||||
.daterangepicker table { |
||||
width: 100%; |
||||
margin: 0; |
||||
} |
||||
|
||||
.daterangepicker td, .daterangepicker th { |
||||
text-align: center; |
||||
width: 20px; |
||||
height: 20px; |
||||
-webkit-border-radius: 4px; |
||||
-moz-border-radius: 4px; |
||||
border-radius: 4px; |
||||
cursor: pointer; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
.daterangepicker td.off { |
||||
color: #999; |
||||
} |
||||
|
||||
.daterangepicker td.disabled { |
||||
color: #999; |
||||
} |
||||
|
||||
.daterangepicker td.available:hover, .daterangepicker th.available:hover { |
||||
background: #eee; |
||||
} |
||||
|
||||
.daterangepicker td.in-range { |
||||
background: #ebf4f8; |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
border-radius: 0; |
||||
} |
||||
|
||||
.daterangepicker td.active, .daterangepicker td.active:hover { |
||||
background-color: #357ebd; |
||||
border-color: #3071a9; |
||||
color: #fff; |
||||
} |
||||
|
||||
.daterangepicker td.week, .daterangepicker th.week { |
||||
font-size: 80%; |
||||
color: #ccc; |
||||
} |
||||
|
||||
.daterangepicker select.monthselect, .daterangepicker select.yearselect { |
||||
font-size: 12px; |
||||
padding: 1px; |
||||
height: auto; |
||||
margin: 0; |
||||
cursor: default; |
||||
} |
||||
|
||||
.daterangepicker select.monthselect { |
||||
margin-right: 2%; |
||||
width: 56%; |
||||
} |
||||
|
||||
.daterangepicker select.yearselect { |
||||
width: 40%; |
||||
} |
||||
|
||||
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect { |
||||
width: 50px; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.daterangepicker_start_input { |
||||
float: left; |
||||
} |
||||
|
||||
.daterangepicker_end_input { |
||||
float: left; |
||||
padding-left: 11px |
||||
} |
||||
|
||||
.daterangepicker th.month { |
||||
width: auto; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,11 +1,12 @@ |
||||
/* css for timepicker */ |
||||
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } |
||||
.ui-timepicker-div dl { text-align: left; } |
||||
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } |
||||
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; } |
||||
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; } |
||||
.ui-timepicker-div td { font-size: 90%; } |
||||
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } |
||||
|
||||
.ui-timepicker-rtl{ direction: rtl; } |
||||
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } |
||||
.ui-timepicker-rtl dl dt{ float: right; clear: right; } |
||||
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } |
||||
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; } |
||||
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue