How to write the following HTML in HAML

Question

I am working on converting some HTML to HAML. I am attempting to output the following in a Ruby on Rails form:

<p>Date: <input type="text" id="datepicker"></p>

What's the best way to convert this to HAML? I tried something like:

=f.input#datepicker{:type => 'text'}

But that doesn't work.

I've also tried the following without much luck:

 %p
    Date
    = f.text_field {:id => 'datepicker'}

Answer 1

The = is for evaluating Ruby code and outputting it to the page, which is why it does not work for you. You're mixing Ruby with HAML conventions.

If you want to use the Ruby form helpers, you should do the following:

%P
    Date:
    = f.text_field <ATTRIBUTE_NAME>, {:id => 'datepicker'}

Answer 2

%p
  Date:
  %div{ :id => 'datepicker' }
    = f.input