calendar/app/views/admin/calendars/_form.html.erb

<style type="text/css">
  .controls[data-toggle^="buttons-"] input[type="checkbox"] {
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
  }
  .controls[data-toggle^="buttons-"] .checkbox.inline.btn{
    position: relative;
  }
</style>
<% if @event.errors.any? %>
  <div id="error_explanation">
    <h2><%= pluralize(@event.errors.count, "error") %> prohibited this event from being saved:</h2>
    <ul>
      <% @event.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
    </ul>
  </div>
<% end %>
<div class="control-group">
  <%= f.label t("title"), :class=>"control-label" %>
  <div class="controls">
    <%= f.text_field :title %>
  </div>
</div>
<div class="control-group">
  <%= f.label t("calendar.note"), :class=>"control-label" %>
  <div class="controls">
    <%= f.text_area :note, :rows => 3 %>
  </div>
</div>
<div class="control-group">
  <label class="control-label"></label>
  <div class="controls">
    <label>
      <%= f.check_box :all_day,:id=>"all_day_check", :checked => @all_day %> <%= t('calendar.all_day') %>
    </label>
  </div>
</div>
<div class="control-group">
  <%= f.label t("start_date"), :class=>"control-label" %>
  <%#= f.datetime_select :start %>
  <div class="controls">
    <div data-date-format="yyyy/MM/dd hh:mm" data-language="en" data-picktime="true" class="input-append datetimepick">
      <%= f.text_field :start, :class => "input-large", data: {"fv-validation" => "required;","fv-messages" => "Cannot be empty;"}, :placeholder => 'YYYY/MM/DD',:value => @start_d_t %>
      <span class="add-on clearDate">
          <i class="icons-cross-3"></i>
      </span>
      <span class="add-on iconbtn">
          <i data-time-icon="icons-clock" data-date-icon="icons-calendar"></i>
      </span>
    </div>
  </div>
</div>
<div class="control-group">
  <%= f.label t("end_date"), :class=>"control-label" %>
  <%#= f.datetime_select :end %>
  <div class="controls">
    <div data-date-format="yyyy/MM/dd hh:mm" data-language="en" data-picktime="true" class="input-append datetimepick">
      <%= f.text_field :end, :class => "input-large", :placeholder => 'YYYY/MM/DD', :value => @end_d_t %>
      <!-- <input type="text" placeholder="YYYY/MM/DD" class="input-large" name="event[end]"></input> -->
      <span class="add-on clearDate">
          <i class="icons-cross-3"></i>
      </span>
      <span class="add-on iconbtn">
          <i data-time-icon="icons-clock" data-date-icon="icons-calendar"></i>
      </span>
    </div>
  </div>
</div>
<div class="control-group">
  <%= f.label t("calendar.calendar"), :class=>"control-label" %>
  <div class="controls">
    <%= f.select :calendar_type_id, @categories.collect{|t| [ t.title, t.id ]} %>
  </div>
</div>
<!-- Tag Module -->
<div class="control-group">
  <label class="control-label"><%= t(:tags) %></label>
  <%= select_tags(f, @module_app) %>
</div>

<div class="control-group">
  <label class="control-label"></label>
  <div class="controls">
    <label>
      <%= f.check_box :recurring, :id=>"recurring_checkbox", :checked => @recurring %> <%= t("calendar.recurring") %>
    </label>
  </div>
</div>
<div id="recurring_panel" <%= (@recurring ? '' : "style=display:none;") %> >
  <div class="control-group">
    <%=f.label :period, t("calendar.repeats"),:class=>"control-label" %>
    <div class="controls">
      <%=f.select :period, Event::REPEATS.map{|v| [t("calendar.#{v.downcase}"),v]},{},:class=>"span5" %>
    </div>
  </div>
  <div class="control-group">
    <%=f.label :frequency, "Every",:class=>"control-label" %>
    <div class="controls">
      <%=f.select :frequency, (1..30).to_a,{},:class=>"span2" %>
    </div>
  </div>
</div>

<div class="control-group last">
  <div class="controls">
    <% if action_name == "edit" %>
     <%= f.submit t("calendar.save"), :class=>"btn btn-primary" %>
     <% else %>
     <%= f.submit t(:create_), :class=>"btn btn-primary" %>
     <% end %>
    <a href="" class="btn btn-close">Cancel</a>
  </div>
</div>