1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
{#
This file is part of the Sonata package.
(c) Thomas Rabaix <thomas.rabaix@sonata-project.org>
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% block sonata_type_date_picker_widget_html %}
{% if datepicker_use_button %}
<div class='input-group date' id='dp_{{ id }}'>
{% endif %}
{% set attr = attr|merge({'data-date-format': moment_format}) %}
{{ block('date_widget') }}
{% if datepicker_use_button %}
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
{% endif %}
{% endblock sonata_type_date_picker_widget_html %}
{% block sonata_type_date_picker_widget %}
{% apply spaceless %}
{% if wrap_fields_with_addons %}
<div class="input-group">
{{ block('sonata_type_date_picker_widget_html') }}
</div>
{% else %}
{{ block('sonata_type_date_picker_widget_html') }}
{% endif %}
<script type="text/javascript">
jQuery(function ($) {
$('#{{ datepicker_use_button ? 'dp_' : '' }}{{ id }}').datetimepicker({{ dp_options|json_encode|raw }});
});
</script>
{% endapply %}
{% endblock sonata_type_date_picker_widget %}
{% block sonata_type_datetime_picker_widget_html %}
{% if datepicker_use_button %}
<div class='input-group date {% if not dp_options['pickDate'] %}timepicker{% endif %}' id='dtp_{{ id }}'>
{% endif %}
{% set attr = attr|merge({'data-date-format': moment_format}) %}
{{ block('datetime_widget') }}
{% if datepicker_use_button %}
<span class="input-group-addon">
<span class="fa {% if dp_options['pickDate'] %}fa-calendar{% else %}fa-clock{% endif %}"></span>
</span>
</div>
{% endif %}
{% endblock sonata_type_datetime_picker_widget_html %}
{% block sonata_type_datetime_picker_widget %}
{% apply spaceless %}
{% if wrap_fields_with_addons %}
<div class="input-group">
{{ block('sonata_type_datetime_picker_widget_html') }}
</div>
{% else %}
{{ block('sonata_type_datetime_picker_widget_html') }}
{% endif %}
<script type="text/javascript">
jQuery(function ($) {
$('#{{ datepicker_use_button ? 'dtp_' : '' }}{{ id }}').datetimepicker({{ dp_options|json_encode|raw }});
});
</script>
{% endapply %}
{% endblock sonata_type_datetime_picker_widget %}
{% block sonata_type_datetime_range_script_block %}
{% apply spaceless %}
{{ block('form_widget') }}
<script type="text/javascript">
jQuery(function ($) {
var $startDateTimePicker = $('#{{ startId }}');
var $endDateTimePicker = $('#{{ endId }}');
$startDateTimePicker.on("dp.change", function (e) {
$endDateTimePicker.data("DateTimePicker").setMinDate(e.date);
});
$endDateTimePicker.on("dp.change", function (e) {
$startDateTimePicker.data("DateTimePicker").setMaxDate(e.date);
});
});
</script>
{% endapply %}
{% endblock sonata_type_datetime_range_script_block %}
{% block sonata_type_datetime_range_picker_widget %}
{% set startId = (form.children.start.vars.datepicker_use_button ? 'dtp_' : '') ~ form.children.start.vars.id %}
{% set endId = (form.children.end.vars.datepicker_use_button ? 'dtp_' : '') ~ form.children.end.vars.id %}
{{ block('sonata_type_datetime_range_script_block') }}
{% endblock sonata_type_datetime_range_picker_widget %}
{% block sonata_type_date_range_picker_widget %}
{% set startId = (form.children.start.vars.datepicker_use_button ? 'dp_' : '') ~ form.children.start.vars.id %}
{% set endId = (form.children.end.vars.datepicker_use_button ? 'dp_' : '') ~ form.children.end.vars.id %}
{{ block('sonata_type_datetime_range_script_block') }}
{% endblock sonata_type_date_range_picker_widget %}