*/ private array $macros = []; public function __construct(Environment $env) { parent::__construct($env); $this->source = $this->getSourceContext(); $this->parent = false; $this->blocks = [ ]; } protected function doDisplay(array $context, array $blocks = []): iterable { $macros = $this->macros; $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"]; $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "theme/forms-pickers.html.twig")); $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"]; $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "theme/forms-pickers.html.twig")); // line 1 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/main.html.twig"); yield " "; // line 5 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/title-meta.html.twig", ["title" => "Pickers"]); yield " "; // line 12 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/head-css.html.twig"); yield "
"; // line 21 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/menu.html.twig"); yield "
"; // line 31 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/page-title.html.twig", ["pagetitle" => "Forms", "title" => "Pickers"]); yield "

Flatpickr - Datepicker

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d.m.y\" data-enable-time attribute.

Set data-provider=\"flatpickr\" data-altFormat=\"F j, Y\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-minDate=\"Your Min. Date\" data-maxDate=\"Your Max. date\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-deafult-date=\"Your Default Date\" attribute.

Set data-provider=\"flatpickr\" data-disable=\"true\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-multiple-date=\"true\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-range-date=\"true\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-deafult-date=\"today\" data-inline-date=\"true\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-week-number attribute.

Flatpickr - Timepicker

Set data-provider=\"timepickr\" data-time-basic=\"true\" attribute.

Set data-provider=\"timepickr\" data-time-hrs=\"true\" attribute.

Set data-provider=\"timepickr\" data-min-time=\"Min.Time\" data-max-time=\"Max.Time\" attribute.

Set data-provider=\"timepickr\" data-default-time=\"Your Default Time\" attribute.

Set data-provider=\"timepickr\" data-time-inline=\"Your Default Time\" attribute.

Colorpicker

Themes
Classic Demo

Use classic-colorpicker class to set classic colorpicker.

Monolith Demo

Use monolith-colorpicker class to set monolith colorpicker.

Nano Demo

Use nano-colorpicker class to set nano colorpicker.

Options
Demo

Use colorpicker-demo class to set demo option colorpicker.

Picker with Opacity & Hue

Use colorpicker-opacity-hue class to set colorpicker with opacity & hue.

Switches

Use colorpicker-switch class to set switch colorpicker.

Picker with Input

Use colorpicker-input class to set colorpicker with input.

Color Format

Use colorpicker-format class to set colorpicker with format option.

"; // line 311 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/footer.html.twig"); yield "
"; // line 318 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/customizer.html.twig"); yield " "; // line 320 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/vendor-scripts.html.twig"); yield " "; $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof); $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof); yield from []; } /** * @codeCoverageIgnore */ public function getTemplateName(): string { return "theme/forms-pickers.html.twig"; } /** * @codeCoverageIgnore */ public function isTraitable(): bool { return false; } /** * @codeCoverageIgnore */ public function getDebugInfo(): array { return array ( 388 => 320, 383 => 318, 373 => 311, 90 => 31, 77 => 21, 65 => 12, 55 => 5, 48 => 1,); } public function getSourceContext(): Source { return new Source("{{ include('theme/partials/main.html.twig') }} {{ include('theme/partials/title-meta.html.twig', {title: 'Pickers'}) }} {{ include('theme/partials/head-css.html.twig') }}
{{ include('theme/partials/menu.html.twig') }}
{{ include('theme/partials/page-title.html.twig', {pagetitle: 'Forms', title: 'Pickers'}) }}

Flatpickr - Datepicker

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d.m.y\" data-enable-time attribute.

Set data-provider=\"flatpickr\" data-altFormat=\"F j, Y\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-minDate=\"Your Min. Date\" data-maxDate=\"Your Max. date\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-deafult-date=\"Your Default Date\" attribute.

Set data-provider=\"flatpickr\" data-disable=\"true\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-multiple-date=\"true\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-range-date=\"true\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-deafult-date=\"today\" data-inline-date=\"true\" attribute.

Set data-provider=\"flatpickr\" data-date-format=\"d M, Y\" data-week-number attribute.

Flatpickr - Timepicker

Set data-provider=\"timepickr\" data-time-basic=\"true\" attribute.

Set data-provider=\"timepickr\" data-time-hrs=\"true\" attribute.

Set data-provider=\"timepickr\" data-min-time=\"Min.Time\" data-max-time=\"Max.Time\" attribute.

Set data-provider=\"timepickr\" data-default-time=\"Your Default Time\" attribute.

Set data-provider=\"timepickr\" data-time-inline=\"Your Default Time\" attribute.

Colorpicker

Themes
Classic Demo

Use classic-colorpicker class to set classic colorpicker.

Monolith Demo

Use monolith-colorpicker class to set monolith colorpicker.

Nano Demo

Use nano-colorpicker class to set nano colorpicker.

Options
Demo

Use colorpicker-demo class to set demo option colorpicker.

Picker with Opacity & Hue

Use colorpicker-opacity-hue class to set colorpicker with opacity & hue.

Switches

Use colorpicker-switch class to set switch colorpicker.

Picker with Input

Use colorpicker-input class to set colorpicker with input.

Color Format

Use colorpicker-format class to set colorpicker with format option.

{{ include('theme/partials/footer.html.twig') }}
{{ include('theme/partials/customizer.html.twig') }} {{ include('theme/partials/vendor-scripts.html.twig') }} ", "theme/forms-pickers.html.twig", "/var/www/cds/app/templates/theme/forms-pickers.html.twig"); } }