Midwest Component Library v0.24.0

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
<div class="midwest-calendar-date">
  <div class="calendar-date-tile">
    <div class="calendar-date-main">
      <div class="calendar-date-day-area">
        <span class="calendar-date-day">24</span>
        <span class="calendar-date-year">2026</span>
      </div>
      <span class="calendar-date-month">JUN</span>
    </div>
  </div>
</div>
1
<%= render Midwest::CalendarDateComponent.new(date: Date.new(2026, 6, 24)) %>

Default

A single date shown as a calendar tile.

No params configured.

No assets to display.
Add a .js or .css file alongside the component to see it here.

Accessibility

Figma embed for Calendar Date/default

Annotate a preview to embed its Figma design here:

@figma "https://figma.com/..."