Sha256: d18ad7ad3af8049bec6e32d909b991fe59b38f113ec01bb3a5abb913cfb6b1f6

Contents?: true

Size: 1.19 KB

Versions: 1819

Compression:

Stored size: 1.19 KB

Contents

<%= pb_rails("card", props: {id: "position-element", margin_bottom: "md"}) do %>
  <%= pb_rails("body") do %>👋 Datepicker will position from here based on ID.<% end %>
<% end %>

<%= pb_rails("flex") do %>
  <%= pb_rails("flex/flex_item", props: {fixed_size: "50%"}) do %>
    <%= pb_rails("date_picker", props: {
      label: "Datepicker (opens on the right)",
      picker_id: "date-picker-position-element",
      position: "auto right",
      position_element: "#position-element",
      scroll_container: ".pb--page--content--main",
      static_position: false
    }) %>
  <% end %>
<% end %>

<%= pb_rails("card", props: {classname: "position-element", margin_bottom: "md"}) do %>
  <%= pb_rails("body") do %>👋 Datepicker will position from here based on class name.<% end %>
<% end %>

<%= pb_rails("flex") do %>
  <%= pb_rails("flex/flex_item", props: {fixed_size: "50%"}) do %>
    <%= pb_rails("date_picker", props: {
      label: "Datepicker (opens on the right)",
      picker_id: "date-picker-position-element2",
      position: "auto right",
      position_element: ".position-element",
      scroll_container: ".pb--page--content--main",
      static_position: false
    }) %>
  <% end %>
<% end %>

Version data entries

1,819 entries across 1,819 versions & 2 rubygems

Version Path
playbook_ui-14.11.0.pre.rc.17 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-14.11.0 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui_docs-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui_docs-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui_docs-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui_docs-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui_docs-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui_docs-14.11.0.pre.rc.12 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-14.11.0.pre.rc.12 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui_docs-14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5274 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5274 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui_docs-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui_docs-14.10.0.pre.alpha.play16825244 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
playbook_ui-14.10.0.pre.alpha.play16825244 app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb