UNPKG

react-scooter

Version:

React components for the Scooter CSS framework

49 lines 2.75 kB
```js <Calendar title="September 2015"> <tr> <td><button className="c-calendar__date c-calendar__date--disabled" disabled="">28</button></td> <td><button className="c-calendar__date c-calendar__date--disabled" disabled="">29</button></td> <td><button className="c-calendar__date u-unbutton">1</button></td> <td><button className="c-calendar__date u-unbutton">2</button></td> <td><button className="c-calendar__date u-unbutton">3</button></td> <td><button className="c-calendar__date u-unbutton">4</button></td> <td><button className="c-calendar__date u-unbutton">5</button></td> </tr> <tr> <td><button className="c-calendar__date u-unbutton">6</button></td> <td><button className="c-calendar__date is-selected u-unbutton">7</button></td> <td><button className="c-calendar__date u-unbutton">8</button></td> <td><button className="c-calendar__date u-unbutton">9</button></td> <td><button className="c-calendar__date u-unbutton">10</button></td> <td><button className="c-calendar__date u-unbutton">11</button></td> <td><button className="c-calendar__date u-unbutton">12</button></td> </tr> <tr> <td><button className="c-calendar__date u-unbutton">13</button></td> <td><button className="c-calendar__date u-unbutton">14</button></td> <td><button className="c-calendar__date u-unbutton">15</button></td> <td><button className="c-calendar__date u-unbutton">16</button></td> <td><button className="c-calendar__date u-unbutton">17</button></td> <td><button className="c-calendar__date u-unbutton">18</button></td> <td><button className="c-calendar__date u-unbutton">19</button></td> </tr> <tr> <td><button className="c-calendar__date u-unbutton">20</button></td> <td><button className="c-calendar__date u-unbutton">21</button></td> <td><button className="c-calendar__date u-unbutton">22</button></td> <td><button className="c-calendar__date u-unbutton">23</button></td> <td><button className="c-calendar__date u-unbutton">24</button></td> <td><button className="c-calendar__date u-unbutton">25</button></td> <td><button className="c-calendar__date u-unbutton">26</button></td> </tr> <tr> <td><button className="c-calendar__date u-unbutton">27</button></td> <td><button className="c-calendar__date u-unbutton">28</button></td> <td><button className="c-calendar__date u-unbutton">29</button></td> <td><button className="c-calendar__date u-unbutton">30</button></td> <td><button className="c-calendar__date u-unbutton">31</button></td> <td><button className="c-calendar__date c-calendar__date--disabled" disabled="">1</button></td> <td><button className="c-calendar__date c-calendar__date--disabled" disabled="">2</button></td> </tr> </Calendar> ```