mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-12-16 01:41:15 +08:00
73bef787cd
* feat: add Result component * fix: update md template tag html>tpl - fix `result` typo - update jest `result` snapshots * refactor: svg file to functional component icon - update jest snapshot * feat: add result * Feat descriptions (#1251) * feat: add descriptions * fix: add descriptions types and fix docs * fix: lint change code * fix: demo warning * fix: update demo, snapshot and remove classnames * test: add descriptions test * fix: descriptions demo (#1498) * feat: add page header (#1250) * feat: add page-header component * update site: page-header * ts definition update: page-header * get page-header props with getComponentFromProp func * optimize page-header * doc: add page-header actions.md responsive.md * breadcrumb itemRender add pure function support * style: format code * feat: update style to 3.23.6 from 2.13.6 * feat: update style to 3.26.8 from 3.23.6 * chore: update util * chore: update util * feat: update affix * feat: update alert * feat: update anchor * feat: update auto-complete * feat: update avatar * feat: update back-top * feat: update badge * feat: update button * feat: update breadcrumb * feat: update ts * docs: update doc * feat: update calendat * feat: update card * feat: update carousel * feat: update carousel * feat: update checkbox * feat: update comment * feat: update config-provider * docs: update doc * feat: update collapse * feat: update locale * feat: update date-picker * feat: update divider * feat: update drawer * feat: update dropdown * feat: update rc-trigger * feat: update dropdown * feat: update empty * test: add empty test * feat: update form * feat: update form * feat: update spin * feat: update grid * docs: update grid doc * feat: update icon * feat: update slider * feat: update textarea * feat: update input-number * feat: update layout * feat: update list * feat: update menu * feat: meaage add key for update content * feat: modal add closeIcon support * feat: update notification * feat: add pagination disabled support * feat: popconfirm add disabled support * test: update popover * feat: progress support custom line-gradiend * feat: update radio * test: update radio test * docs: update rate demo * feat: skeleton add avatar support number type * test: add switch test * test: update statistic test * fix: input clear icon event * feat: steps add type、 v-model、subTitle * feat: delete typography component * feat: delete Typography style * perf: update select * feat: add download transformFile previewFile actio * docs: update upload * feat: update tree-select * docs: update tree-select * feat: tree add blockNode selectable * docs: add tree demo * test: update snap * docs: updatedoc * feat: update tag * docs: update ad doc * feat: update tooltip * feat: update timeline * feat: time-picker add clearIcon * docs: update tabs * feat: transfer support custom children * test: update transfer test * feat: update table * test: update table test * test: update test * feat: calendar update locale * test: update test snap * feat: add mentions (#1790) * feat: mentions style * feat: theme default * feat: add mentions component * feat: mentions API * feat: add unit test for mentions * feat: update mentions demo * perf: model and inheritAttrs for mentions * perf: use getComponentFromProp instead of this.$props * perf: mentions rm defaultProps * feat: rm rows in mentionsProps * fix: mentions keyDown didn't work * docs: update mentions api * perf: mentions code * feat: update mentions * bump 1.5.0-alpha.1 * feat: pageheader add ghost prop * docs: update descriptions demo * chore: page-header add ghost type * fix: color error * feat: update to 3.26.12 * fix: some prop default value * fix(typo): form, carousel, upload. duplicate identifier (#1848) * Add Mentions Type (#1845) * feat: add mentions type * feat: add mentions in ant-design-vue.d.ts * docs: update doc * docs: add changelog * fix: mentions getPopupCotainer value (#1850) * docs: update doc * docs: uptate demo * docs: update demo * docs: delete demo * docs: delete doc * test: update snapshots * style: format code * chore: update travis * docs: update demo Co-authored-by: Sendya <18x@loacg.com> Co-authored-by: zkwolf <chenhao5866@gmail.com> Co-authored-by: drafish <xwlyy1991@163.com> Co-authored-by: Amour1688 <31695475+Amour1688@users.noreply.github.com>
696 lines
45 KiB
Plaintext
696 lines
45 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`RangePicker show month panel according to value 1`] = `
|
|
<div>
|
|
<div class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft" style="left: -999px; top: -1002px;">
|
|
<div tabindex="0" class="ant-calendar ant-calendar-range ant-calendar-time ant-calendar-picker-container-content">
|
|
<div class="ant-calendar-panel">
|
|
<div class="ant-calendar-date-panel">
|
|
<div class="ant-calendar-range-part ant-calendar-range-left">
|
|
<div class="ant-calendar-input-wrap">
|
|
<div class="ant-calendar-date-input-wrap"><input placeholder="Start date" class="ant-calendar-input "></div>
|
|
</div>
|
|
<div style="outline: none;">
|
|
<div class="ant-calendar-header">
|
|
<div style="position: relative;"><a role="button" title="Last year (Control + left)" class="ant-calendar-prev-year-btn"></a><a role="button" title="Previous month (PageUp)" class="ant-calendar-prev-month-btn"></a><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">1月</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2000</a></span></div>
|
|
</div>
|
|
<div class="ant-calendar-body">
|
|
<table cellspacing="0" role="grid" class="ant-calendar-table">
|
|
<thead>
|
|
<tr role="row">
|
|
<th role="columnheader" title="周一" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">一</span></th>
|
|
<th role="columnheader" title="周二" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">二</span></th>
|
|
<th role="columnheader" title="周三" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">三</span></th>
|
|
<th role="columnheader" title="周四" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">四</span></th>
|
|
<th role="columnheader" title="周五" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">五</span></th>
|
|
<th role="columnheader" title="周六" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">六</span></th>
|
|
<th role="columnheader" title="周日" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">日</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-calendar-tbody">
|
|
<tr role="row" class="ant-calendar-active-week">
|
|
<td role="gridcell" title="1999年12月27日" class="ant-calendar-cell ant-calendar-last-month-cell">
|
|
<div class="ant-calendar-date">27</div>
|
|
</td>
|
|
<td role="gridcell" title="1999年12月28日" class="ant-calendar-cell ant-calendar-last-month-cell">
|
|
<div class="ant-calendar-date">28</div>
|
|
</td>
|
|
<td role="gridcell" title="1999年12月29日" class="ant-calendar-cell ant-calendar-last-month-cell">
|
|
<div class="ant-calendar-date">29</div>
|
|
</td>
|
|
<td role="gridcell" title="1999年12月30日" class="ant-calendar-cell ant-calendar-last-month-cell">
|
|
<div class="ant-calendar-date">30</div>
|
|
</td>
|
|
<td role="gridcell" title="1999年12月31日" class="ant-calendar-cell ant-calendar-last-month-cell ant-calendar-last-day-of-month">
|
|
<div class="ant-calendar-date">31</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月1日" class="ant-calendar-cell ant-calendar-selected-start-date ant-calendar-selected-end-date ant-calendar-selected-day">
|
|
<div aria-selected="true" class="ant-calendar-date">1</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月2日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">2</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="2000年1月3日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">3</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月4日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">4</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月5日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">5</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月6日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">6</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月7日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">7</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月8日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">8</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月9日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">9</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="2000年1月10日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">10</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月11日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">11</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月12日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">12</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月13日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">13</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月14日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">14</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月15日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">15</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月16日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">16</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="2000年1月17日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">17</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月18日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">18</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月19日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">19</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月20日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">20</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月21日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">21</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月22日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">22</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月23日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">23</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="2000年1月24日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">24</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月25日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">25</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月26日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">26</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月27日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">27</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月28日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">28</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月29日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">29</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年1月30日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">30</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="2000年1月31日" class="ant-calendar-cell ant-calendar-last-day-of-month">
|
|
<div class="ant-calendar-date">31</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月1日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">1</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月2日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">2</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月3日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">3</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月4日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">4</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月5日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">5</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月6日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">6</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div><span class="ant-calendar-range-middle">~</span>
|
|
<div class="ant-calendar-range-part ant-calendar-range-right">
|
|
<div class="ant-calendar-input-wrap">
|
|
<div class="ant-calendar-date-input-wrap"><input placeholder="End date" class="ant-calendar-input "></div>
|
|
</div>
|
|
<div style="outline: none;">
|
|
<div class="ant-calendar-header">
|
|
<div style="position: relative;"><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">2月</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2000</a></span><a title="Next month (PageDown)" class="ant-calendar-next-month-btn"></a><a title="Next year (Control + right)" class="ant-calendar-next-year-btn"></a></div>
|
|
</div>
|
|
<div class="ant-calendar-body">
|
|
<table cellspacing="0" role="grid" class="ant-calendar-table">
|
|
<thead>
|
|
<tr role="row">
|
|
<th role="columnheader" title="周一" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">一</span></th>
|
|
<th role="columnheader" title="周二" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">二</span></th>
|
|
<th role="columnheader" title="周三" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">三</span></th>
|
|
<th role="columnheader" title="周四" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">四</span></th>
|
|
<th role="columnheader" title="周五" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">五</span></th>
|
|
<th role="columnheader" title="周六" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">六</span></th>
|
|
<th role="columnheader" title="周日" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">日</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-calendar-tbody">
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="2000年1月31日" class="ant-calendar-cell ant-calendar-last-month-cell ant-calendar-last-day-of-month">
|
|
<div class="ant-calendar-date">31</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月1日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">1</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月2日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">2</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月3日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">3</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月4日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">4</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月5日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">5</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月6日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">6</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="2000年2月7日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">7</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月8日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">8</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月9日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">9</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月10日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">10</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月11日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">11</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月12日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">12</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月13日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">13</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="2000年2月14日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">14</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月15日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">15</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月16日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">16</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月17日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">17</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月18日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">18</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月19日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">19</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月20日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">20</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="2000年2月21日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">21</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月22日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">22</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月23日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">23</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月24日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">24</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月25日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">25</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月26日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">26</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月27日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">27</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="2000年2月28日" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">28</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年2月29日" class="ant-calendar-cell ant-calendar-last-day-of-month">
|
|
<div class="ant-calendar-date">29</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年3月1日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">1</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年3月2日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">2</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年3月3日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">3</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年3月4日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">4</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年3月5日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">5</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="2000年3月6日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">6</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年3月7日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">7</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年3月8日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">8</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年3月9日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">9</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年3月10日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">10</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年3月11日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">11</div>
|
|
</td>
|
|
<td role="gridcell" title="2000年3月12日" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">12</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-calendar-footer ant-calendar-range-bottom ant-calendar-footer-show-ok">
|
|
<div class="ant-calendar-footer-btn"><a role="button" class="ant-calendar-time-picker-btn">select time</a><a role="button" class="ant-calendar-ok-btn">Ok</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`RangePicker switch to corresponding month panel when click presetted ranges 1`] = `
|
|
<div>
|
|
<div class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft" style="left: -999px; top: -1002px;">
|
|
<div tabindex="0" class="ant-calendar ant-calendar-range ant-calendar-time ant-calendar-range-with-ranges ant-calendar-picker-container-content">
|
|
<div class="ant-calendar-panel">
|
|
<div class="ant-calendar-date-panel">
|
|
<div class="ant-calendar-range-part ant-calendar-range-left">
|
|
<div class="ant-calendar-input-wrap">
|
|
<div class="ant-calendar-date-input-wrap"><input placeholder="Start date" class="ant-calendar-input "></div>
|
|
</div>
|
|
<div style="outline: none;">
|
|
<div class="ant-calendar-header">
|
|
<div style="position: relative;"><a role="button" title="Last year (Control + left)" class="ant-calendar-prev-year-btn"></a><a role="button" title="Previous month (PageUp)" class="ant-calendar-prev-month-btn"></a><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">Sep</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2017</a></span></div>
|
|
</div>
|
|
<div class="ant-calendar-body">
|
|
<table cellspacing="0" role="grid" class="ant-calendar-table">
|
|
<thead>
|
|
<tr role="row">
|
|
<th role="columnheader" title="Sun" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Su</span></th>
|
|
<th role="columnheader" title="Mon" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Mo</span></th>
|
|
<th role="columnheader" title="Tue" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Tu</span></th>
|
|
<th role="columnheader" title="Wed" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">We</span></th>
|
|
<th role="columnheader" title="Thu" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Th</span></th>
|
|
<th role="columnheader" title="Fri" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Fr</span></th>
|
|
<th role="columnheader" title="Sat" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Sa</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-calendar-tbody">
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="August 27, 2017" class="ant-calendar-cell ant-calendar-last-month-cell">
|
|
<div class="ant-calendar-date">27</div>
|
|
</td>
|
|
<td role="gridcell" title="August 28, 2017" class="ant-calendar-cell ant-calendar-last-month-cell">
|
|
<div class="ant-calendar-date">28</div>
|
|
</td>
|
|
<td role="gridcell" title="August 29, 2017" class="ant-calendar-cell ant-calendar-last-month-cell">
|
|
<div class="ant-calendar-date">29</div>
|
|
</td>
|
|
<td role="gridcell" title="August 30, 2017" class="ant-calendar-cell ant-calendar-last-month-cell">
|
|
<div class="ant-calendar-date">30</div>
|
|
</td>
|
|
<td role="gridcell" title="August 31, 2017" class="ant-calendar-cell ant-calendar-last-month-cell ant-calendar-last-day-of-month">
|
|
<div class="ant-calendar-date">31</div>
|
|
</td>
|
|
<td role="gridcell" title="September 1, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">1</div>
|
|
</td>
|
|
<td role="gridcell" title="September 2, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">2</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="September 3, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">3</div>
|
|
</td>
|
|
<td role="gridcell" title="September 4, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">4</div>
|
|
</td>
|
|
<td role="gridcell" title="September 5, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">5</div>
|
|
</td>
|
|
<td role="gridcell" title="September 6, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">6</div>
|
|
</td>
|
|
<td role="gridcell" title="September 7, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">7</div>
|
|
</td>
|
|
<td role="gridcell" title="September 8, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">8</div>
|
|
</td>
|
|
<td role="gridcell" title="September 9, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">9</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="September 10, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">10</div>
|
|
</td>
|
|
<td role="gridcell" title="September 11, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">11</div>
|
|
</td>
|
|
<td role="gridcell" title="September 12, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">12</div>
|
|
</td>
|
|
<td role="gridcell" title="September 13, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">13</div>
|
|
</td>
|
|
<td role="gridcell" title="September 14, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">14</div>
|
|
</td>
|
|
<td role="gridcell" title="September 15, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">15</div>
|
|
</td>
|
|
<td role="gridcell" title="September 16, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">16</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="ant-calendar-current-week">
|
|
<td role="gridcell" title="September 17, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">17</div>
|
|
</td>
|
|
<td role="gridcell" title="September 18, 2017" class="ant-calendar-cell ant-calendar-today ant-calendar-selected-date">
|
|
<div class="ant-calendar-date">18</div>
|
|
</td>
|
|
<td role="gridcell" title="September 19, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">19</div>
|
|
</td>
|
|
<td role="gridcell" title="September 20, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">20</div>
|
|
</td>
|
|
<td role="gridcell" title="September 21, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">21</div>
|
|
</td>
|
|
<td role="gridcell" title="September 22, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">22</div>
|
|
</td>
|
|
<td role="gridcell" title="September 23, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">23</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="September 24, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">24</div>
|
|
</td>
|
|
<td role="gridcell" title="September 25, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">25</div>
|
|
</td>
|
|
<td role="gridcell" title="September 26, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">26</div>
|
|
</td>
|
|
<td role="gridcell" title="September 27, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">27</div>
|
|
</td>
|
|
<td role="gridcell" title="September 28, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">28</div>
|
|
</td>
|
|
<td role="gridcell" title="September 29, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">29</div>
|
|
</td>
|
|
<td role="gridcell" title="September 30, 2017" class="ant-calendar-cell ant-calendar-last-day-of-month">
|
|
<div class="ant-calendar-date">30</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="October 1, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">1</div>
|
|
</td>
|
|
<td role="gridcell" title="October 2, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">2</div>
|
|
</td>
|
|
<td role="gridcell" title="October 3, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">3</div>
|
|
</td>
|
|
<td role="gridcell" title="October 4, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">4</div>
|
|
</td>
|
|
<td role="gridcell" title="October 5, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">5</div>
|
|
</td>
|
|
<td role="gridcell" title="October 6, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">6</div>
|
|
</td>
|
|
<td role="gridcell" title="October 7, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">7</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div><span class="ant-calendar-range-middle">~</span>
|
|
<div class="ant-calendar-range-part ant-calendar-range-right">
|
|
<div class="ant-calendar-input-wrap">
|
|
<div class="ant-calendar-date-input-wrap"><input placeholder="End date" class="ant-calendar-input "></div>
|
|
</div>
|
|
<div style="outline: none;">
|
|
<div class="ant-calendar-header">
|
|
<div style="position: relative;"><span class="ant-calendar-my-select"><a role="button" title="Choose a month" class="ant-calendar-month-select">Oct</a><a role="button" title="Choose a year" class="ant-calendar-year-select">2017</a></span><a title="Next month (PageDown)" class="ant-calendar-next-month-btn"></a><a title="Next year (Control + right)" class="ant-calendar-next-year-btn"></a></div>
|
|
</div>
|
|
<div class="ant-calendar-body">
|
|
<table cellspacing="0" role="grid" class="ant-calendar-table">
|
|
<thead>
|
|
<tr role="row">
|
|
<th role="columnheader" title="Sun" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Su</span></th>
|
|
<th role="columnheader" title="Mon" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Mo</span></th>
|
|
<th role="columnheader" title="Tue" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Tu</span></th>
|
|
<th role="columnheader" title="Wed" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">We</span></th>
|
|
<th role="columnheader" title="Thu" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Th</span></th>
|
|
<th role="columnheader" title="Fri" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Fr</span></th>
|
|
<th role="columnheader" title="Sat" class="ant-calendar-column-header"><span class="ant-calendar-column-header-inner">Sa</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-calendar-tbody">
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="October 1, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">1</div>
|
|
</td>
|
|
<td role="gridcell" title="October 2, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">2</div>
|
|
</td>
|
|
<td role="gridcell" title="October 3, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">3</div>
|
|
</td>
|
|
<td role="gridcell" title="October 4, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">4</div>
|
|
</td>
|
|
<td role="gridcell" title="October 5, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">5</div>
|
|
</td>
|
|
<td role="gridcell" title="October 6, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">6</div>
|
|
</td>
|
|
<td role="gridcell" title="October 7, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">7</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="October 8, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">8</div>
|
|
</td>
|
|
<td role="gridcell" title="October 9, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">9</div>
|
|
</td>
|
|
<td role="gridcell" title="October 10, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">10</div>
|
|
</td>
|
|
<td role="gridcell" title="October 11, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">11</div>
|
|
</td>
|
|
<td role="gridcell" title="October 12, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">12</div>
|
|
</td>
|
|
<td role="gridcell" title="October 13, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">13</div>
|
|
</td>
|
|
<td role="gridcell" title="October 14, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">14</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="October 15, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">15</div>
|
|
</td>
|
|
<td role="gridcell" title="October 16, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">16</div>
|
|
</td>
|
|
<td role="gridcell" title="October 17, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">17</div>
|
|
</td>
|
|
<td role="gridcell" title="October 18, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">18</div>
|
|
</td>
|
|
<td role="gridcell" title="October 19, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">19</div>
|
|
</td>
|
|
<td role="gridcell" title="October 20, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">20</div>
|
|
</td>
|
|
<td role="gridcell" title="October 21, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">21</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="October 22, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">22</div>
|
|
</td>
|
|
<td role="gridcell" title="October 23, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">23</div>
|
|
</td>
|
|
<td role="gridcell" title="October 24, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">24</div>
|
|
</td>
|
|
<td role="gridcell" title="October 25, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">25</div>
|
|
</td>
|
|
<td role="gridcell" title="October 26, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">26</div>
|
|
</td>
|
|
<td role="gridcell" title="October 27, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">27</div>
|
|
</td>
|
|
<td role="gridcell" title="October 28, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">28</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="October 29, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">29</div>
|
|
</td>
|
|
<td role="gridcell" title="October 30, 2017" class="ant-calendar-cell">
|
|
<div class="ant-calendar-date">30</div>
|
|
</td>
|
|
<td role="gridcell" title="October 31, 2017" class="ant-calendar-cell ant-calendar-last-day-of-month">
|
|
<div class="ant-calendar-date">31</div>
|
|
</td>
|
|
<td role="gridcell" title="November 1, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">1</div>
|
|
</td>
|
|
<td role="gridcell" title="November 2, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">2</div>
|
|
</td>
|
|
<td role="gridcell" title="November 3, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">3</div>
|
|
</td>
|
|
<td role="gridcell" title="November 4, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">4</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="row" class="">
|
|
<td role="gridcell" title="November 5, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">5</div>
|
|
</td>
|
|
<td role="gridcell" title="November 6, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">6</div>
|
|
</td>
|
|
<td role="gridcell" title="November 7, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">7</div>
|
|
</td>
|
|
<td role="gridcell" title="November 8, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">8</div>
|
|
</td>
|
|
<td role="gridcell" title="November 9, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">9</div>
|
|
</td>
|
|
<td role="gridcell" title="November 10, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">10</div>
|
|
</td>
|
|
<td role="gridcell" title="November 11, 2017" class="ant-calendar-cell ant-calendar-next-month-btn-day">
|
|
<div class="ant-calendar-date">11</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-calendar-footer ant-calendar-range-bottom ant-calendar-footer-show-ok">
|
|
<div class="ant-calendar-footer-btn">
|
|
<div class="ant-calendar-footer-extra ant-calendar-range-quick-selector"><span class="ant-tag ant-tag-blue">My Birthday</span></div><a role="button" class="ant-calendar-time-picker-btn ant-calendar-time-picker-btn-disabled">select time</a><a role="button" class="ant-calendar-ok-btn ant-calendar-ok-btn-disabled">Ok</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|