simple_form_extension 1.3.7 → 1.3.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/lib/simple_form_extension/version.rb +1 -1
  3. data/vendor/assets/javascripts/jquery.datetimepicker.js +1764 -1158
  4. data/vendor/assets/javascripts/simple_form_extension/datetimepicker.coffee +1 -3
  5. data/vendor/assets/stylesheets/jquery.datetimepicker.scss +409 -258
  6. metadata +1 -1
data/vendor/assets/javascripts/simple_form_extension/datetimepicker.coffee CHANGED
@@ -7,12 +7,12 @@ class DateTimePicker
7
7
 
8
8
  constructor: (@$input) ->
9
9
  @locale = $('html').attr('lang') || 'en'
10
+ $.datetimepicker.setLocale(@local)
10
11
  @$input.data('simple-form-extension-datetimepicker', this)
11
12
  @initializePicker()
12
13
 
13
14
  initializePicker: ->
14
15
  @$input.datetimepicker(
15
- lang: @locale
16
16
  format: @$input.data('format')
17
17
  step: parseInt @$input.data('step')
18
18
  dayOfWeekStart: @$input.data('week-start-day')
@@ -24,7 +24,6 @@ class DateTimePicker
24
24
  class DatePicker extends DateTimePicker
25
25
  initializePicker: ->
26
26
  @$input.datetimepicker(
27
- lang: @locale
28
27
  timepicker: false
29
28
  step: parseInt @$input.data('step')
30
29
  format: @$input.data('format')
@@ -34,7 +33,6 @@ class DatePicker extends DateTimePicker
34
33
  class TimePicker extends DateTimePicker
35
34
  initializePicker: ->
36
35
  @$input.datetimepicker(
37
- lang: @locale
38
36
  datepicker: false,
39
37
  step: parseInt @$input.data('step')
40
38
  format: @$input.data('format')
data/vendor/assets/stylesheets/jquery.datetimepicker.scss CHANGED
@@ -1,37 +1,41 @@
1
- .xdsoft_datetimepicker{
2
- box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
3
- background: #FFFFFF;
4
- border-bottom: 1px solid #BBBBBB;
5
- border-left: 1px solid #CCCCCC;
6
- border-right: 1px solid #CCCCCC;
7
- border-top: 1px solid #CCCCCC;
8
- color: #333333;
9
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
1
+ .xdsoft_datetimepicker {
2
+ box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
3
+ background: #fff;
4
+ border-bottom: 1px solid #bbb;
5
+ border-left: 1px solid #ccc;
6
+ border-right: 1px solid #ccc;
7
+ border-top: 1px solid #ccc;
8
+ color: #333;
9
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
10
10
  padding: 8px;
11
- padding-left: 0px;
11
+ padding-left: 0;
12
12
  padding-top: 2px;
13
13
  position: absolute;
14
14
  z-index: 9999;
15
15
  -moz-box-sizing: border-box;
16
16
  box-sizing: border-box;
17
- display:none;
17
+ display: none;
18
+ }
19
+ .xdsoft_datetimepicker.xdsoft_rtl {
20
+ padding: 8px 0 8px 8px;
18
21
  }
19
22
 
20
23
  .xdsoft_datetimepicker iframe {
21
- position: absolute;
22
- left: 0;
23
- top: 0;
24
- width: 75px;
25
- height: 210px;
26
- background: transparent;
27
- border:none;
24
+ position: absolute;
25
+ left: 0;
26
+ top: 0;
27
+ width: 75px;
28
+ height: 210px;
29
+ background: transparent;
30
+ border: none;
28
31
  }
32
+
29
33
  /*For IE8 or lower*/
30
34
  .xdsoft_datetimepicker button {
31
- border:none !important;
35
+ border: none !important;
32
36
  }
33
37
 
34
- .xdsoft_noselect{
38
+ .xdsoft_noselect {
35
39
  -webkit-touch-callout: none;
36
40
  -webkit-user-select: none;
37
41
  -khtml-user-select: none;
@@ -40,378 +44,525 @@
40
44
  -o-user-select: none;
41
45
  user-select: none;
42
46
  }
43
- .xdsoft_noselect::selection { background: transparent; }
44
- .xdsoft_noselect::-moz-selection { background: transparent; }
45
- .xdsoft_datetimepicker.xdsoft_inline{
47
+
48
+ .xdsoft_noselect::selection { background: transparent }
49
+ .xdsoft_noselect::-moz-selection { background: transparent }
50
+
51
+ .xdsoft_datetimepicker.xdsoft_inline {
46
52
  display: inline-block;
47
53
  position: static;
48
54
  box-shadow: none;
49
55
  }
50
- .xdsoft_datetimepicker *{
56
+
57
+ .xdsoft_datetimepicker * {
51
58
  -moz-box-sizing: border-box;
52
59
  box-sizing: border-box;
53
- padding:0px;
54
- margin:0px;
60
+ padding: 0;
61
+ margin: 0;
55
62
  }
56
- .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker{
57
- display:none;
63
+
64
+ .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
65
+ display: none;
58
66
  }
59
- .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active{
60
- display:block;
67
+
68
+ .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
69
+ display: block;
61
70
  }
62
- .xdsoft_datetimepicker .xdsoft_datepicker{
71
+
72
+ .xdsoft_datetimepicker .xdsoft_datepicker {
63
73
  width: 224px;
64
- float:left;
65
- margin-left:8px;
74
+ float: left;
75
+ margin-left: 8px;
66
76
  }
67
- .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{
77
+ .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
78
+ float: right;
79
+ margin-right: 8px;
80
+ margin-left: 0;
81
+ }
82
+
83
+ .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
68
84
  width: 256px;
69
85
  }
70
- .xdsoft_datetimepicker .xdsoft_timepicker{
86
+
87
+ .xdsoft_datetimepicker .xdsoft_timepicker {
71
88
  width: 58px;
72
- float:left;
73
- text-align:center;
74
- margin-left:8px;
75
- margin-top:0px;
89
+ float: left;
90
+ text-align: center;
91
+ margin-left: 8px;
92
+ margin-top: 0;
93
+ }
94
+ .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
95
+ float: right;
96
+ margin-right: 8px;
97
+ margin-left: 0;
76
98
  }
77
- .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{
78
- margin-top:8px;
79
- margin-bottom:3px
99
+
100
+ .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
101
+ margin-top: 8px;
102
+ margin-bottom: 3px
80
103
  }
81
- .xdsoft_datetimepicker .xdsoft_mounthpicker{
104
+
105
+ .xdsoft_datetimepicker .xdsoft_mounthpicker {
82
106
  position: relative;
83
107
  text-align: center;
84
108
  }
85
109
 
86
110
  .xdsoft_datetimepicker .xdsoft_label i,
87
- .xdsoft_datetimepicker .xdsoft_prev,
88
- .xdsoft_datetimepicker .xdsoft_next,
89
- .xdsoft_datetimepicker .xdsoft_today_button{
111
+ .xdsoft_datetimepicker .xdsoft_prev,
112
+ .xdsoft_datetimepicker .xdsoft_next,
113
+ .xdsoft_datetimepicker .xdsoft_today_button {
90
114
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
91
115
  }
92
116
 
93
- .xdsoft_datetimepicker .xdsoft_label i{
94
- opacity:0.5;
95
- background-position:-92px -19px;
117
+ .xdsoft_datetimepicker .xdsoft_label i {
118
+ opacity: 0.5;
119
+ background-position: -92px -19px;
96
120
  display: inline-block;
97
121
  width: 9px;
98
122
  height: 20px;
99
123
  vertical-align: middle;
100
124
  }
101
125
 
102
- .xdsoft_datetimepicker .xdsoft_prev{
103
- float: left;
104
- background-position:-20px 0px;
126
+ .xdsoft_datetimepicker .xdsoft_prev {
127
+ float: left;
128
+ background-position: -20px 0;
105
129
  }
106
- .xdsoft_datetimepicker .xdsoft_today_button{
107
- float: left;
108
- background-position:-70px 0px;
109
- margin-left:5px;
130
+ .xdsoft_datetimepicker .xdsoft_today_button {
131
+ float: left;
132
+ background-position: -70px 0;
133
+ margin-left: 5px;
110
134
  }
111
135
 
112
- .xdsoft_datetimepicker .xdsoft_next{
113
- float: right;
114
- background-position:0px 0px;
136
+ .xdsoft_datetimepicker .xdsoft_next {
137
+ float: right;
138
+ background-position: 0 0;
115
139
  }
116
140
 
117
- .xdsoft_datetimepicker .xdsoft_next,
118
- .xdsoft_datetimepicker .xdsoft_prev ,
119
- .xdsoft_datetimepicker .xdsoft_today_button{
141
+ .xdsoft_datetimepicker .xdsoft_next,
142
+ .xdsoft_datetimepicker .xdsoft_prev ,
143
+ .xdsoft_datetimepicker .xdsoft_today_button {
120
144
  background-color: transparent;
121
145
  background-repeat: no-repeat;
122
- border: 0px none currentColor;
146
+ border: 0 none;
123
147
  cursor: pointer;
124
148
  display: block;
125
149
  height: 30px;
126
150
  opacity: 0.5;
127
151
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
128
- outline: medium none currentColor;
152
+ outline: medium none;
129
153
  overflow: hidden;
130
- padding: 0px;
154
+ padding: 0;
131
155
  position: relative;
132
156
  text-indent: 100%;
133
157
  white-space: nowrap;
134
158
  width: 20px;
159
+ min-width: 0;
135
160
  }
136
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
137
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{
138
- float:none;
139
- background-position:-40px -15px;
161
+
162
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
163
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
164
+ float: none;
165
+ background-position: -40px -15px;
140
166
  height: 15px;
141
167
  width: 30px;
142
168
  display: block;
143
- margin-left:14px;
144
- margin-top:7px;
145
- }
146
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{
147
- background-position:-40px 0px;
148
- margin-bottom:7px;
149
- margin-top:0px;
150
- }
151
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{
152
- height:151px;
153
- overflow:hidden;
154
- border-bottom:1px solid #DDDDDD;
155
- }
156
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{
157
- background: #F5F5F5;
158
- border-top:1px solid #DDDDDD;
159
- color: #666666;
169
+ margin-left: 14px;
170
+ margin-top: 7px;
171
+ }
172
+ .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
173
+ .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
174
+ float: none;
175
+ margin-left: 0;
176
+ margin-right: 14px;
177
+ }
178
+
179
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
180
+ background-position: -40px 0;
181
+ margin-bottom: 7px;
182
+ margin-top: 0;
183
+ }
184
+
185
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
186
+ height: 151px;
187
+ overflow: hidden;
188
+ border-bottom: 1px solid #ddd;
189
+ }
190
+
191
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
192
+ background: #f5f5f5;
193
+ border-top: 1px solid #ddd;
194
+ color: #666;
160
195
  font-size: 12px;
161
196
  text-align: center;
162
- border-collapse:collapse;
163
- cursor:pointer;
164
- border-bottom-width:0px;
165
- height:25px;
166
- line-height:25px;
197
+ border-collapse: collapse;
198
+ cursor: pointer;
199
+ border-bottom-width: 0;
200
+ height: 25px;
201
+ line-height: 25px;
167
202
  }
168
203
 
169
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
170
- border-top-width:0px;
204
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
205
+ border-top-width: 0;
171
206
  }
172
- .xdsoft_datetimepicker .xdsoft_today_button:hover,
173
- .xdsoft_datetimepicker .xdsoft_next:hover,
174
- .xdsoft_datetimepicker .xdsoft_prev:hover {
175
- opacity: 1;
176
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
207
+
208
+ .xdsoft_datetimepicker .xdsoft_today_button:hover,
209
+ .xdsoft_datetimepicker .xdsoft_next:hover,
210
+ .xdsoft_datetimepicker .xdsoft_prev:hover {
211
+ opacity: 1;
212
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
177
213
  }
178
- .xdsoft_datetimepicker .xdsoft_label{
214
+
215
+ .xdsoft_datetimepicker .xdsoft_label {
179
216
  display: inline;
180
- position: relative;
181
- z-index: 9999;
182
- margin: 0;
183
- padding: 5px 3px;
184
- font-size: 14px;
185
- line-height: 20px;
186
- font-weight: bold;
187
- background-color: #fff;
188
- float:left;
189
- width:182px;
190
- text-align:center;
191
- cursor:pointer;
192
- }
193
- .xdsoft_datetimepicker .xdsoft_label:hover{
194
- text-decoration:underline;
195
- }
196
- .xdsoft_datetimepicker .xdsoft_label:hover i{
197
- opacity:1.0;
198
- }
199
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select{
200
- border:1px solid #ccc;
201
- position:absolute;
202
- right:0px;
203
- top:30px;
204
- z-index:101;
205
- display:none;
206
- background:#fff;
207
- max-height:160px;
208
- overflow-y:hidden;
209
- }
210
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
211
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
212
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
217
+ position: relative;
218
+ z-index: 9999;
219
+ margin: 0;
220
+ padding: 5px 3px;
221
+ font-size: 14px;
222
+ line-height: 20px;
223
+ font-weight: bold;
224
+ background-color: #fff;
225
+ float: left;
226
+ width: 182px;
227
+ text-align: center;
228
+ cursor: pointer;
229
+ }
230
+
231
+ .xdsoft_datetimepicker .xdsoft_label:hover>span {
232
+ text-decoration: underline;
233
+ }
234
+
235
+ .xdsoft_datetimepicker .xdsoft_label:hover i {
236
+ opacity: 1.0;
237
+ }
238
+
239
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
240
+ border: 1px solid #ccc;
241
+ position: absolute;
242
+ right: 0;
243
+ top: 30px;
244
+ z-index: 101;
245
+ display: none;
246
+ background: #fff;
247
+ max-height: 160px;
248
+ overflow-y: hidden;
249
+ }
250
+
251
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
252
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
253
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
213
254
  color: #fff;
214
- background: #ff8000;
255
+ background: #ff8000;
215
256
  }
216
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
217
- padding:2px 10px 2px 5px;
257
+
258
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
259
+ padding: 2px 10px 2px 5px;
260
+ text-decoration: none !important;
218
261
  }
219
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
220
- background: #33AAFF;
221
- box-shadow: #178FE5 0px 1px 3px 0px inset;
222
- color:#fff;
262
+
263
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
264
+ background: #33aaff;
265
+ box-shadow: #178fe5 0 1px 3px 0 inset;
266
+ color: #fff;
223
267
  font-weight: 700;
224
268
  }
225
- .xdsoft_datetimepicker .xdsoft_month{
226
- width:100px;
227
- text-align:right;
269
+
270
+ .xdsoft_datetimepicker .xdsoft_month {
271
+ width: 100px;
272
+ text-align: right;
228
273
  }
229
- .xdsoft_datetimepicker .xdsoft_calendar{
230
- clear:both;
274
+
275
+ .xdsoft_datetimepicker .xdsoft_calendar {
276
+ clear: both;
231
277
  }
232
- .xdsoft_datetimepicker .xdsoft_year{
278
+
279
+ .xdsoft_datetimepicker .xdsoft_year{
233
280
  width: 48px;
234
281
  margin-left: 5px;
235
282
  }
236
- .xdsoft_datetimepicker .xdsoft_calendar table{
237
- border-collapse:collapse;
238
- width:100%;
283
+
284
+ .xdsoft_datetimepicker .xdsoft_calendar table {
285
+ border-collapse: collapse;
286
+ width: 100%;
239
287
 
240
288
  }
241
- .xdsoft_datetimepicker .xdsoft_calendar td > div{
242
- padding-right:5px;
289
+
290
+ .xdsoft_datetimepicker .xdsoft_calendar td > div {
291
+ padding-right: 5px;
243
292
  }
244
- .xdsoft_datetimepicker .xdsoft_calendar th{
293
+
294
+ .xdsoft_datetimepicker .xdsoft_calendar th {
245
295
  height: 25px;
246
296
  }
247
- .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{
248
- width:14.2857142%;
249
- background: #F5F5F5;
250
- border:1px solid #DDDDDD;
251
- color: #666666;
297
+
298
+ .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
299
+ width: 14.2857142%;
300
+ background: #f5f5f5;
301
+ border: 1px solid #ddd;
302
+ color: #666;
252
303
  font-size: 12px;
253
304
  text-align: right;
254
305
  vertical-align: middle;
255
- padding:0px;
256
- border-collapse:collapse;
257
- cursor:pointer;
306
+ padding: 0;
307
+ border-collapse: collapse;
308
+ cursor: pointer;
258
309
  height: 25px;
259
310
  }
260
- .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{
261
- width:12.5%;
311
+ .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
312
+ width: 12.5%;
262
313
  }
263
- .xdsoft_datetimepicker .xdsoft_calendar th{
264
- background: #F1F1F1;
314
+
315
+ .xdsoft_datetimepicker .xdsoft_calendar th {
316
+ background: #f1f1f1;
317
+ }
318
+
319
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
320
+ color: #33aaff;
321
+ }
322
+
323
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
324
+ background: #ffe9d2;
325
+ box-shadow: #ffb871 0 1px 4px 0 inset;
326
+ color: #000;
265
327
  }
266
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{
267
- color:#33AAFF;
328
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
329
+ background: #c1ffc9;
330
+ box-shadow: #00dd1c 0 1px 4px 0 inset;
331
+ color: #000;
268
332
  }
269
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
270
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
271
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
272
- background: #33AAFF;
273
- box-shadow: #178FE5 0px 1px 3px 0px inset;
274
- color:#fff;
333
+
334
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
335
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
336
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
337
+ background: #33aaff;
338
+ box-shadow: #178fe5 0 1px 3px 0 inset;
339
+ color: #fff;
275
340
  font-weight: 700;
276
341
  }
277
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
278
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
279
- .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled{
280
- opacity:0.5;
342
+
343
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
344
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
345
+ .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
346
+ opacity: 0.5;
281
347
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
348
+ cursor: default;
282
349
  }
283
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
284
- opacity:0.2;
350
+
351
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
352
+ opacity: 0.2;
285
353
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
286
354
  }
287
- .xdsoft_datetimepicker .xdsoft_calendar td:hover,
288
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
355
+
356
+ .xdsoft_datetimepicker .xdsoft_calendar td:hover,
357
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
289
358
  color: #fff !important;
290
- background: #ff8000 !important;
291
- box-shadow: none !important;
359
+ background: #ff8000 !important;
360
+ box-shadow: none !important;
292
361
  }
293
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
294
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
362
+
363
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
364
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
365
+ background: #33aaff !important;
366
+ box-shadow: #178fe5 0 1px 3px 0 inset !important;
367
+ color: #fff !important;
368
+ }
369
+
370
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
371
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
295
372
  color: inherit !important;
296
- background: inherit !important;
297
- box-shadow: inherit !important;
373
+ background: inherit !important;
374
+ box-shadow: inherit !important;
298
375
  }
299
- .xdsoft_datetimepicker .xdsoft_calendar th{
376
+
377
+ .xdsoft_datetimepicker .xdsoft_calendar th {
300
378
  font-weight: 700;
301
379
  text-align: center;
302
380
  color: #999;
303
- cursor:default;
381
+ cursor: default;
304
382
  }
305
- .xdsoft_datetimepicker .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
306
- .xdsoft_datetimepicker .xdsoft_copyright a{ color:#eee !important;}
307
- .xdsoft_datetimepicker .xdsoft_copyright a:hover{ color:#aaa !important;}
308
383
 
384
+ .xdsoft_datetimepicker .xdsoft_copyright {
385
+ color: #ccc !important;
386
+ font-size: 10px;
387
+ clear: both;
388
+ float: none;
389
+ margin-left: 8px;
390
+ }
309
391
 
310
- .xdsoft_time_box{
311
- position:relative;
312
- border:1px solid #ccc;
392
+ .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
393
+ .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
394
+
395
+ .xdsoft_time_box {
396
+ position: relative;
397
+ border: 1px solid #ccc;
313
398
  }
314
- .xdsoft_scrollbar >.xdsoft_scroller{
315
- background:#ccc !important;
316
- height:20px;
317
- border-radius:3px;
399
+ .xdsoft_scrollbar >.xdsoft_scroller {
400
+ background: #ccc !important;
401
+ height: 20px;
402
+ border-radius: 3px;
318
403
  }
319
- .xdsoft_scrollbar{
320
- position:absolute;
321
- width:7px;
322
- right:0px;
323
- top:0px;
324
- bottom:0px;
325
- cursor:pointer;
404
+ .xdsoft_scrollbar {
405
+ position: absolute;
406
+ width: 7px;
407
+ right: 0;
408
+ top: 0;
409
+ bottom: 0;
410
+ cursor: pointer;
326
411
  }
327
- .xdsoft_scroller_box{
328
- position:relative;
412
+ .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
413
+ left: 0;
414
+ right: auto;
415
+ }
416
+ .xdsoft_scroller_box {
417
+ position: relative;
329
418
  }
330
419
 
331
-
332
- .xdsoft_datetimepicker.xdsoft_dark{
333
- box-shadow: 0px 5px 15px -5px rgba(255, 255, 255, 0.506);
334
- background: #000000;
335
- border-bottom: 1px solid #444444;
336
- border-left: 1px solid #333333;
337
- border-right: 1px solid #333333;
338
- border-top: 1px solid #333333;
339
- color: #cccccc;
420
+ .xdsoft_datetimepicker.xdsoft_dark {
421
+ box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
422
+ background: #000;
423
+ border-bottom: 1px solid #444;
424
+ border-left: 1px solid #333;
425
+ border-right: 1px solid #333;
426
+ border-top: 1px solid #333;
427
+ color: #ccc;
340
428
  }
341
429
 
342
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{
343
- border-bottom:1px solid #222222;
430
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
431
+ border-bottom: 1px solid #222;
344
432
  }
345
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div{
433
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
346
434
  background: #0a0a0a;
347
- border-top:1px solid #222222;
348
- color: #999999;
435
+ border-top: 1px solid #222;
436
+ color: #999;
349
437
  }
350
438
 
351
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{
352
- background-color: #000;
439
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
440
+ background-color: #000;
353
441
  }
354
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select{
355
- border:1px solid #333;
356
- background:#000;
442
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
443
+ border: 1px solid #333;
444
+ background: #000;
357
445
  }
358
446
 
359
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
447
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
360
448
  color: #000;
361
- background: #007fff;
449
+ background: #007fff;
362
450
  }
363
451
 
364
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
452
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
365
453
  background: #cc5500;
366
- box-shadow: #b03e00 0px 1px 3px 0px inset;
367
- color:#000;
454
+ box-shadow: #b03e00 0 1px 3px 0 inset;
455
+ color: #000;
368
456
  }
369
457
 
370
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
371
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
372
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
373
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{
458
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
459
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
460
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
461
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
374
462
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
375
463
  }
376
464
 
377
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
378
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
465
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
466
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
379
467
  background: #0a0a0a;
380
- border:1px solid #222222;
381
- color: #999999;
468
+ border: 1px solid #222;
469
+ color: #999;
382
470
  }
383
471
 
384
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
472
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
385
473
  background: #0e0e0e;
386
474
  }
387
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{
388
- color:#cc5500;
475
+
476
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
477
+ color: #cc5500;
389
478
  }
390
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
391
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
392
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
393
- background: #cc5500;
394
- box-shadow: #b03e00 0px 1px 3px 0px inset;
479
+
480
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
481
+ background: #ffe9d2;
482
+ box-shadow: #ffb871 0 1px 4px 0 inset;
483
+ color:#000;
484
+ }
485
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
486
+ background: #c1ffc9;
487
+ box-shadow: #00dd1c 0 1px 4px 0 inset;
395
488
  color:#000;
396
489
  }
397
490
 
398
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
399
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
491
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
492
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
493
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
494
+ background: #cc5500;
495
+ box-shadow: #b03e00 0 1px 3px 0 inset;
496
+ color: #000;
497
+ }
498
+
499
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
500
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
400
501
  color: #000 !important;
401
- background: #007fff !important;
502
+ background: #007fff !important;
402
503
  }
403
504
 
404
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
505
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
405
506
  color: #666;
406
507
  }
407
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{ color:#333 !important;}
408
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{ color:#111 !important;}
409
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{ color:#555 !important;}
410
508
 
509
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
510
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
511
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
411
512
 
412
- .xdsoft_dark .xdsoft_time_box{
413
- border:1px solid #333;
414
- }
415
- .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller{
416
- background:#333 !important;
513
+ .xdsoft_dark .xdsoft_time_box {
514
+ border: 1px solid #333;
417
515
  }
516
+
517
+ .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
518
+ background: #333 !important;
519
+ }
520
+ .xdsoft_datetimepicker .xdsoft_save_selected {
521
+ display: block;
522
+ border: 1px solid #dddddd !important;
523
+ margin-top: 5px;
524
+ width: 100%;
525
+ color: #454551;
526
+ font-size: 13px;
527
+ }
528
+ .xdsoft_datetimepicker .blue-gradient-button {
529
+ font-family: "museo-sans", "Book Antiqua", sans-serif;
530
+ font-size: 12px;
531
+ font-weight: 300;
532
+ color: #82878c;
533
+ height: 28px;
534
+ position: relative;
535
+ padding: 4px 17px 4px 33px;
536
+ border: 1px solid #d7d8da;
537
+ background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
538
+ /* FF3.6+ */
539
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
540
+ /* Chrome,Safari4+ */
541
+ background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
542
+ /* Chrome10+,Safari5.1+ */
543
+ background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
544
+ /* Opera 11.10+ */
545
+ background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
546
+ /* IE10+ */
547
+ background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
548
+ /* W3C */
549
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
550
+ /* IE6-9 */
551
+ }
552
+ .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
553
+ color: #454551;
554
+ background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
555
+ /* FF3.6+ */
556
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
557
+ /* Chrome,Safari4+ */
558
+ background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
559
+ /* Chrome10+,Safari5.1+ */
560
+ background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
561
+ /* Opera 11.10+ */
562
+ background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
563
+ /* IE10+ */
564
+ background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
565
+ /* W3C */
566
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
567
+ /* IE6-9 */
568
+ }