Lookbook
x
1
2
3
4
5
6
<div>
  <div class='text-input-label'>
    Label
  </div>
  <input class='input-field-component text-input not-disabled' data-controller='tooltip' data-flatpickr-alt-format='F j, Y' data-flatpickr-alt-input='true' data-flatpickr-date-format='Y-m-d' max='' min='' name='name' placeholder='' step='' type='date' value='2024-11-06' />
</div>
1
render Input::DateComponent.new(label: label, name: "name", placeholder: placeholder, error_message: error_message, helper_text: helper_text)

This is a date input field:

  • To use it without a label: don't give a value to the param label or leave it empty.
  • To put it in error state: define the param error_message with the error message you want to be displayed.
  • To give it a helper text (a text displayed under the input field): define the param helper_text with the helper text you want to be displayed.
Param Description Input

—

—

—