Advertisement
Guest User

Untitled

a guest
Sep 15th, 2021
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.85 KB | None | 0 0
  1. <div class="picker" id="DateTimePickerDatePicker_root" aria-hidden="true">
  2.         <div class="picker__holder" tabindex="-1">
  3.             <div class="picker__frame">
  4.                 <div class="picker__wrap">
  5.                     <div class="picker__box">
  6.                         <div class="picker__header">
  7.                             <div class="picker__date-display">
  8.                                 <div class="picker__weekday-display">Thu, </div>
  9.                                 <div class="picker__month-display">
  10.                                     <div>Sep</div>
  11.                                 </div>
  12.                                 <div class="picker__day-display">
  13.                                     <div>23</div>
  14.                                 </div>
  15.                                 <div class="picker__year-display">
  16.                                     <div>2021</div>
  17.                                 </div>
  18.                             </div>
  19.                             <select class="picker__select--year" aria-controls="DateTimePickerDatePicker_table" title="Select a year" tabindex="65" disabled="disabled">
  20.                                 <option value="2014">2014</option>
  21.                                 <option value="2015">2015</option>
  22.                                 <option value="2016">2016</option>
  23.                                 <option value="2017">2017</option>
  24.                                 <option value="2018">2018</option>
  25.                                 <option value="2019">2019</option>
  26.                                 <option value="2020">2020</option>
  27.                                 <option value="2021" selected="">2021</option>
  28.                                 <option value="2022">2022</option>
  29.                                 <option value="2023">2023</option>
  30.                                 <option value="2024">2024</option>
  31.                                 <option value="2025">2025</option>
  32.                                 <option value="2026">2026</option>
  33.                                 <option value="2027">2027</option>
  34.                                 <option value="2028">2028</option>
  35.                             </select>
  36.                             <select class="picker__select--month" aria-controls="DateTimePickerDatePicker_table" title="Select a month" tabindex="66" disabled="disabled">
  37.                                 <option value="0">January</option>
  38.                                 <option value="1">February</option>
  39.                                 <option value="2">March</option>
  40.                                 <option value="3">April</option>
  41.                                 <option value="4">May</option>
  42.                                 <option value="5">June</option>
  43.                                 <option value="6">July</option>
  44.                                 <option value="7">August</option>
  45.                                 <option value="8" selected="">September</option>
  46.                                 <option value="9">October</option>
  47.                                 <option value="10">November</option>
  48.                                 <option value="11">December</option>
  49.                             </select>
  50.                             <button class="picker__nav--prev btn btn-flat" data-nav="-1" role="button" aria-controls="DateTimePickerDatePicker_table" title="Previous month" tabindex="67" disabled="disabled"> </button><button class="picker__nav--next btn btn-flat" data-nav="1" role="button" aria-controls="DateTimePickerDatePicker_table" title="Next month" tabindex="68" disabled="disabled"> </button>
  51.                         </div>
  52.                         <table class="picker__table" id="DateTimePickerDatePicker_table" role="grid" aria-controls="DateTimePickerDatePicker" aria-readonly="true">
  53.                             <thead>
  54.                                 <tr>
  55.                                     <th class="picker__weekday" scope="col" title="Sunday">Sun</th>
  56.                                     <th class="picker__weekday" scope="col" title="Monday">Mon</th>
  57.                                     <th class="picker__weekday" scope="col" title="Tuesday">Tue</th>
  58.                                     <th class="picker__weekday" scope="col" title="Wednesday">Wed</th>
  59.                                     <th class="picker__weekday" scope="col" title="Thursday">Thu</th>
  60.                                     <th class="picker__weekday" scope="col" title="Friday">Fri</th>
  61.                                     <th class="picker__weekday" scope="col" title="Saturday">Sat</th>
  62.                                 </tr>
  63.                             </thead>
  64.                             <tbody>
  65.                                 <tr>
  66.                                     <td role="presentation">
  67.                                         <div class="picker__day picker__day--outfocus" data-pick="1630188000000" role="gridcell" aria-label="29-08-2021">29</div>
  68.                                     </td>
  69.                                     <td role="presentation">
  70.                                         <div class="picker__day picker__day--outfocus" data-pick="1630274400000" role="gridcell" aria-label="30-08-2021">30</div>
  71.                                     </td>
  72.                                     <td role="presentation">
  73.                                         <div class="picker__day picker__day--outfocus" data-pick="1630360800000" role="gridcell" aria-label="31-08-2021">31</div>
  74.                                     </td>
  75.                                     <td role="presentation">
  76.                                         <div class="picker__day picker__day--infocus" data-pick="1630447200000" role="gridcell" aria-label="01-09-2021">1</div>
  77.                                     </td>
  78.                                     <td role="presentation">
  79.                                         <div class="picker__day picker__day--infocus" data-pick="1630533600000" role="gridcell" aria-label="02-09-2021">2</div>
  80.                                     </td>
  81.                                     <td role="presentation">
  82.                                         <div class="picker__day picker__day--infocus" data-pick="1630620000000" role="gridcell" aria-label="03-09-2021">3</div>
  83.                                     </td>
  84.                                     <td role="presentation">
  85.                                         <div class="picker__day picker__day--infocus" data-pick="1630706400000" role="gridcell" aria-label="04-09-2021">4</div>
  86.                                     </td>
  87.                                 </tr>
  88.                                 <tr>
  89.                                     <td role="presentation">
  90.                                         <div class="picker__day picker__day--infocus" data-pick="1630792800000" role="gridcell" aria-label="05-09-2021">5</div>
  91.                                     </td>
  92.                                     <td role="presentation">
  93.                                         <div class="picker__day picker__day--infocus" data-pick="1630879200000" role="gridcell" aria-label="06-09-2021">6</div>
  94.                                     </td>
  95.                                     <td role="presentation">
  96.                                         <div class="picker__day picker__day--infocus" data-pick="1630965600000" role="gridcell" aria-label="07-09-2021">7</div>
  97.                                     </td>
  98.                                     <td role="presentation">
  99.                                         <div class="picker__day picker__day--infocus" data-pick="1631052000000" role="gridcell" aria-label="08-09-2021">8</div>
  100.                                     </td>
  101.                                     <td role="presentation">
  102.                                         <div class="picker__day picker__day--infocus" data-pick="1631138400000" role="gridcell" aria-label="09-09-2021">9</div>
  103.                                     </td>
  104.                                     <td role="presentation">
  105.                                         <div class="picker__day picker__day--infocus" data-pick="1631224800000" role="gridcell" aria-label="10-09-2021">10</div>
  106.                                     </td>
  107.                                     <td role="presentation">
  108.                                         <div class="picker__day picker__day--infocus" data-pick="1631311200000" role="gridcell" aria-label="11-09-2021">11</div>
  109.                                     </td>
  110.                                 </tr>
  111.                                 <tr>
  112.                                     <td role="presentation">
  113.                                         <div class="picker__day picker__day--infocus" data-pick="1631397600000" role="gridcell" aria-label="12-09-2021">12</div>
  114.                                     </td>
  115.                                     <td role="presentation">
  116.                                         <div class="picker__day picker__day--infocus" data-pick="1631484000000" role="gridcell" aria-label="13-09-2021">13</div>
  117.                                     </td>
  118.                                     <td role="presentation">
  119.                                         <div class="picker__day picker__day--infocus" data-pick="1631570400000" role="gridcell" aria-label="14-09-2021">14</div>
  120.                                     </td>
  121.                                     <td role="presentation">
  122.                                         <div class="picker__day picker__day--infocus picker__day--today" data-pick="1631656800000" role="gridcell" aria-label="15-09-2021">15</div>
  123.                                     </td>
  124.                                     <td role="presentation">
  125.                                         <div class="picker__day picker__day--infocus" data-pick="1631743200000" role="gridcell" aria-label="16-09-2021">16</div>
  126.                                     </td>
  127.                                     <td role="presentation">
  128.                                         <div class="picker__day picker__day--infocus" data-pick="1631829600000" role="gridcell" aria-label="17-09-2021">17</div>
  129.                                     </td>
  130.                                     <td role="presentation">
  131.                                         <div class="picker__day picker__day--infocus" data-pick="1631916000000" role="gridcell" aria-label="18-09-2021">18</div>
  132.                                     </td>
  133.                                 </tr>
  134.                                 <tr>
  135.                                     <td role="presentation">
  136.                                         <div class="picker__day picker__day--infocus" data-pick="1632002400000" role="gridcell" aria-label="19-09-2021">19</div>
  137.                                     </td>
  138.                                     <td role="presentation">
  139.                                         <div class="picker__day picker__day--infocus" data-pick="1632088800000" role="gridcell" aria-label="20-09-2021">20</div>
  140.                                     </td>
  141.                                     <td role="presentation">
  142.                                         <div class="picker__day picker__day--infocus" data-pick="1632175200000" role="gridcell" aria-label="21-09-2021">21</div>
  143.                                     </td>
  144.                                     <td role="presentation">
  145.                                         <div class="picker__day picker__day--infocus" data-pick="1632261600000" role="gridcell" aria-label="22-09-2021">22</div>
  146.                                     </td>
  147.                                     <td role="presentation">
  148.                                         <div class="picker__day picker__day--infocus picker__day--selected picker__day--highlighted" data-pick="1632348000000" role="gridcell" aria-label="23-09-2021" aria-selected="true" aria-activedescendant="true">23</div>
  149.                                     </td>
  150.                                     <td role="presentation">
  151.                                         <div class="picker__day picker__day--infocus" data-pick="1632434400000" role="gridcell" aria-label="24-09-2021">24</div>
  152.                                     </td>
  153.                                     <td role="presentation">
  154.                                         <div class="picker__day picker__day--infocus" data-pick="1632520800000" role="gridcell" aria-label="25-09-2021">25</div>
  155.                                     </td>
  156.                                 </tr>
  157.                                 <tr>
  158.                                     <td role="presentation">
  159.                                         <div class="picker__day picker__day--infocus" data-pick="1632607200000" role="gridcell" aria-label="26-09-2021">26</div>
  160.                                     </td>
  161.                                     <td role="presentation">
  162.                                         <div class="picker__day picker__day--infocus" data-pick="1632693600000" role="gridcell" aria-label="27-09-2021">27</div>
  163.                                     </td>
  164.                                     <td role="presentation">
  165.                                         <div class="picker__day picker__day--infocus" data-pick="1632780000000" role="gridcell" aria-label="28-09-2021">28</div>
  166.                                     </td>
  167.                                     <td role="presentation">
  168.                                         <div class="picker__day picker__day--infocus" data-pick="1632866400000" role="gridcell" aria-label="29-09-2021">29</div>
  169.                                     </td>
  170.                                     <td role="presentation">
  171.                                         <div class="picker__day picker__day--infocus" data-pick="1632952800000" role="gridcell" aria-label="30-09-2021">30</div>
  172.                                     </td>
  173.                                     <td role="presentation">
  174.                                         <div class="picker__day picker__day--outfocus" data-pick="1633039200000" role="gridcell" aria-label="01-10-2021">1</div>
  175.                                     </td>
  176.                                     <td role="presentation">
  177.                                         <div class="picker__day picker__day--outfocus" data-pick="1633125600000" role="gridcell" aria-label="02-10-2021">2</div>
  178.                                     </td>
  179.                                 </tr>
  180.                                 <tr>
  181.                                     <td role="presentation">
  182.                                         <div class="picker__day picker__day--outfocus" data-pick="1633212000000" role="gridcell" aria-label="03-10-2021">3</div>
  183.                                     </td>
  184.                                     <td role="presentation">
  185.                                         <div class="picker__day picker__day--outfocus" data-pick="1633298400000" role="gridcell" aria-label="04-10-2021">4</div>
  186.                                     </td>
  187.                                     <td role="presentation">
  188.                                         <div class="picker__day picker__day--outfocus" data-pick="1633384800000" role="gridcell" aria-label="05-10-2021">5</div>
  189.                                     </td>
  190.                                     <td role="presentation">
  191.                                         <div class="picker__day picker__day--outfocus" data-pick="1633471200000" role="gridcell" aria-label="06-10-2021">6</div>
  192.                                     </td>
  193.                                     <td role="presentation">
  194.                                         <div class="picker__day picker__day--outfocus" data-pick="1633557600000" role="gridcell" aria-label="07-10-2021">7</div>
  195.                                     </td>
  196.                                     <td role="presentation">
  197.                                         <div class="picker__day picker__day--outfocus" data-pick="1633644000000" role="gridcell" aria-label="08-10-2021">8</div>
  198.                                     </td>
  199.                                     <td role="presentation">
  200.                                         <div class="picker__day picker__day--outfocus" data-pick="1633730400000" role="gridcell" aria-label="09-10-2021">9</div>
  201.                                     </td>
  202.                                 </tr>
  203.                             </tbody>
  204.                         </table>
  205.                         <div class="picker__footer"><button class="picker__button--today" type="button" data-pick="1631656800000" aria-controls="DateTimePickerDatePicker" tabindex="69" disabled="disabled">Today</button><button class="picker__button--clear" type="button" data-clear="1" aria-controls="DateTimePickerDatePicker" tabindex="70" disabled="disabled">Clear</button><button class="picker__button--close" type="button" data-close="true" aria-controls="DateTimePickerDatePicker" tabindex="71" disabled="disabled">Close</button></div>
  206.                     </div>
  207.                 </div>
  208.             </div>
  209.         </div>
  210.     </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement