Sha256: fef72c095d5a217122823a139c3ac9977c0024fb24bb19a8d77323b129214794

Contents?: true

Size: 589 Bytes

Versions: 386

Compression:

Stored size: 589 Bytes

Contents

<%= pb_rails("date_picker", props: {
  classname: "inline-date-picker",
  hide_icon: true,
  inline: true,
  picker_id: "date-picker-inline"
}) %>

<%= javascript_tag do %>
  window.addEventListener("DOMContentLoaded", (event) => {
    const fpInline = document.querySelector("#date-picker-inline")._flatpickr
    <!-- Display the angle-down icon when a date has been selected -->
    const showAngleDownHandler = () => {
      document.querySelector('.inline-date-picker').classList.add('show-angle-down-icon')
    }
    fpInline.config.onChange.push(showAngleDownHandler)
  })
<% end %>

Version data entries

386 entries across 386 versions & 2 rubygems

Version Path
playbook_ui_docs-14.5.0.pre.rc.4 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb
playbook_ui-14.5.0.pre.rc.4 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb
playbook_ui_docs-14.5.0.pre.rc.3 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb
playbook_ui-14.5.0.pre.rc.3 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb
playbook_ui_docs-14.3.2.pre.alpha.play1472newicons3773 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb
playbook_ui-14.3.2.pre.alpha.play1472newicons3773 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb