ant-design-vue/components/calendar/__tests__/__snapshots__/demo.test.js.snap
tangjinzhou 3aeeeb2aed
3.0 ready (#4523)
* refactor: transfer、tooltip (#4306)

* refactor(transfer): use composition api (#4135)

* refactor(transfer): use composition api

* fix: remove console

* refactor(tooltip): use composition api (#4059)

* refactor(tooltip): use composition api

* chore: useConfigInject

* fix: remove useless

* style: format code

* refactor: transfer

* refactor: tooltip

Co-authored-by: ajuner <106791576@qq.com>

* Refactor mentions (#4341)

* refactor(mentions): use compositionAPI (#4313)

* refactor: mentions

* refactor: mentions

Co-authored-by: ajuner <106791576@qq.com>

* Refactor progress (#4358)

* fix: timepicker error border not show #4331

* fix(UploadDragger): fix UploadDrager no export (#4334)

* refactor(switch): support customize checked value #4329 (#4332)

* refactor(switch): support customize checked value #4329

* test: add test case

* refactor: update props name

* refactor: update ts

* refactor: optimize

* style: uncheckedValue to unCheckedValue

* test: update snap

* feat: udpate switch ts

* docs: remove ie11

* fix: tree-select throw error when use slot title

* fix: TypeScript definition of Table interface for typescript 4.3.5 (#4353)

* fix type for typescript 4.3.5

* Update interface.ts

close #4296

* fix: dropdown submenu style error #4351
close #4351

* fix(notification): 完善notification类型 (#4346)

* refactor(progress): use composition API (#4355)

* refactor(progress): use composition API

* refactor(vc-progress): update

* refactor: progress

* refactor: progress

* fix: timepicker error border not show #4331

* fix(UploadDragger): fix UploadDrager no export (#4334)

* refactor(switch): support customize checked value #4329 (#4332)

* refactor(switch): support customize checked value #4329

* test: add test case

* refactor: update props name

* refactor: update ts

* refactor: optimize

* style: uncheckedValue to unCheckedValue

* test: update snap

* feat: udpate switch ts

* docs: remove ie11

* fix: tree-select throw error when use slot title

* fix: TypeScript definition of Table interface for typescript 4.3.5 (#4353)

* fix type for typescript 4.3.5

* Update interface.ts

close #4296

* fix: dropdown submenu style error #4351
close #4351

* fix(notification): 完善notification类型 (#4346)

* refactor(progress): use composition API (#4355)

* refactor(progress): use composition API

* refactor(vc-progress): update

* refactor: progress

* refactor: progress

Co-authored-by: Jarvis <35361626+fanhaoyuan@users.noreply.github.com>
Co-authored-by: John <John60676@qq.com>
Co-authored-by: 艾斯特洛 <axetroy.dev@gmail.com>
Co-authored-by: zanllp <qc@zanllp.cn>

* docs: add changelog

* refactor: tree

* refactor: tree

* style: lint

* refactor: tree

* 热factor: tree

* refactor: tree

* refactor: tree

* refactor: tree

* refactor: directory tree

* refactor: tree

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* style: lint format

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* refactor: tree-select

* fix: upload ts error

* fix: update tree title render & switchIcon

* test: update tree test

* feat: add VirtualScroll tree

* refactor: datePicker & calendar & trigger (#4522)

* style: update

* test: update calendar test

* test: update test

* test: update test

* refactor: slider

* feat: update slider css

* refactor: slider to ts

* refactor: slider to ts

* perf: update default itemHeight

* test: update

* fix: uddate ts type

* fix: update skeleton

* fix: update skeleton

* refactor: update vc-pagination

* refactor: pagination

* refactor: timeline

* refactor: steps

* refactor: collapse

* refactor: collapse

* refactor: popconfirm

* refactor: popover

* refactor: dropdown

* doc: merge doc

* chore: vite for dev (#4602)

* style: js to jsx

* doc: add site

* style: lint

* style: format ts type

* doc: update

* style: format code

* style: format site

* doc: update

* style: dmeo

* style: format scripts

* chore: remove sub-modules

* chore: update vite

* site: add site build

* test: update snap

* doc(select): add tip (#4606)

* refactor: table (#4641)

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* refactor: table

* fix: column not pass to cell

* doc: uppate table

* fix: update bodyCell headerCell

* doc: remove examples

* refactor: table

* fix: table title not work

* fix: table selection

* fix: table checkStrictly

* refactor: table

* fix: table template error

* feat: table support summary

* test: update snap

* perf: table

* docs(table): fix ajax demo (#4639)

* test: update table

* refactor: remove old table

* doc: update  table doc

* doc: update doc

* doc: update select

* doc: update summary

Co-authored-by: John <John60676@qq.com>

* doc: update doc

* fix: menu arrow not work

* test: update

* doc: add next site

* style: format

* doc: update

* doc: update site script

* fix: expand icon not fixed

* feat: use renderSlot

* test: update table snap

* feat: confirm support reactively

* feat: configProvider.config

* feat: message support configprovider.config

* feat: notification support configprovider.config

* doc: update doc

* fix: typescript compile error

* style: add import eslint

* doc: update demo

* chore: set transpileOnly true

* style: fix eslint error

* test: update snap

* doc: update

* test: mock date

* test: update snap

* chore: remove gulp-typescript (#4675)

* feat: V3 form (#4678)

* chore: update husky

* perf: update formItem

* perf: useInjectFormItemContext

* fix: table ts error

* doc: add Customized Form Controls demo

* feat: export useInjectFormItemContext

* doc: update form doc

* doc: update doc

* doc: update doc

* feat: autocomplete support option slot

* doc: update

* feat: add form item rest

* style: remove omit.js

* refactor: autocomplete

* doc: add changelog to site

* doc: update site anchor

* doc: update doc layout

* test: update table test

* doc: update

* chore: udpate gulp script

* chore: udpate gulp script

* doc: add changelog

* doc: update

* test: ignore some test wait vue-test-utils

* fix: form id error #4582
close #4582

* doc: add select Responsive demo

* doc: remove temp doc

Co-authored-by: ajuner <106791576@qq.com>
Co-authored-by: Jarvis <35361626+fanhaoyuan@users.noreply.github.com>
Co-authored-by: John <John60676@qq.com>
Co-authored-by: 艾斯特洛 <axetroy.dev@gmail.com>
Co-authored-by: zanllp <qc@zanllp.cn>
Co-authored-by: Amour1688 <lcz_1996@foxmail.com>
2021-09-25 16:51:32 +08:00

2021 lines
107 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/calendar/demo/basic.vue correctly 1`] = `
<div class="ant-picker-calendar ant-picker-calendar-full">
<div class="ant-picker-calendar-header">
<div class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"></span><span class="ant-select-selection-item" title="2016">2016</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
<!---->
</div>
<div class="ant-select ant-picker-calendar-month-select ant-select-single ant-select-show-arrow">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"></span><span class="ant-select-selection-item" title="Nov">Nov</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
<!---->
</div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default ant-picker-calendar-mode-switch"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
</div>
<div tabindex="0" class="ant-picker-panel">
<div class="ant-picker-date-panel">
<!---->
<div class="ant-picker-body">
<table class="ant-picker-content">
<thead>
<tr>
<th>Su</th>
<th>Mo</th>
<th>Tu</th>
<th>We</th>
<th>Th</th>
<th>Fr</th>
<th>Sa</th>
</tr>
</thead>
<tbody>
<tr>
<td title="2016-10-30" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">30</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-10-31" class="ant-picker-cell ant-picker-cell-end">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">31</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-01" class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">01</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-02" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">02</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-03" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">03</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-04" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">04</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-05" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">05</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-06" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">06</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-07" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">07</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-08" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">08</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-09" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">09</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-10" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">10</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-11" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">11</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-12" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">12</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-13" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">13</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-14" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">14</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-15" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">15</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-16" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">16</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-17" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">17</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-18" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">18</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-19" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">19</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-20" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">20</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-21" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">21</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-22" class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today ant-picker-cell-selected">
<div class="ant-picker-cell-inner ant-picker-calendar-date ant-picker-calendar-date-today">
<div class="ant-picker-calendar-date-value">22</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-23" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">23</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-24" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">24</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-25" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">25</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-26" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">26</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-27" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">27</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-28" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">28</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-29" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">29</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-30" class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">30</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-01" class="ant-picker-cell ant-picker-cell-start">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">01</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-02" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">02</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-03" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">03</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-12-04" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">04</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-05" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">05</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-06" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">06</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-07" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">07</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-08" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">08</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-09" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">09</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-10" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">10</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!---->
</div>
</div>
`;
exports[`renders ./components/calendar/demo/card.vue correctly 1`] = `
<div style="width: 300px; border: 1px solid #d9d9d9; border-radius: 4px;">
<div class="ant-picker-calendar ant-picker-calendar-mini">
<div class="ant-picker-calendar-header">
<div class="ant-select ant-select-sm ant-picker-calendar-year-select ant-select-single ant-select-show-arrow">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"></span><span class="ant-select-selection-item" title="2016">2016</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
<!---->
</div>
<div class="ant-select ant-select-sm ant-picker-calendar-month-select ant-select-single ant-select-show-arrow">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"></span><span class="ant-select-selection-item" title="Nov">Nov</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
<!---->
</div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-small ant-picker-calendar-mode-switch"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
</div>
<div tabindex="0" class="ant-picker-panel">
<div class="ant-picker-date-panel">
<!---->
<div class="ant-picker-body">
<table class="ant-picker-content">
<thead>
<tr>
<th>Su</th>
<th>Mo</th>
<th>Tu</th>
<th>We</th>
<th>Th</th>
<th>Fr</th>
<th>Sa</th>
</tr>
</thead>
<tbody>
<tr>
<td title="2016-10-30" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">30</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-10-31" class="ant-picker-cell ant-picker-cell-end">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">31</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-01" class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">01</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-02" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">02</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-03" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">03</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-04" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">04</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-05" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">05</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-06" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">06</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-07" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">07</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-08" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">08</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-09" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">09</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-10" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">10</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-11" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">11</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-12" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">12</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-13" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">13</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-14" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">14</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-15" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">15</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-16" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">16</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-17" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">17</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-18" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">18</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-19" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">19</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-20" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">20</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-21" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">21</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-22" class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today ant-picker-cell-selected">
<div class="ant-picker-cell-inner ant-picker-calendar-date ant-picker-calendar-date-today">
<div class="ant-picker-calendar-date-value">22</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-23" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">23</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-24" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">24</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-25" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">25</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-26" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">26</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-27" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">27</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-28" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">28</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-29" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">29</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-30" class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">30</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-01" class="ant-picker-cell ant-picker-cell-start">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">01</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-02" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">02</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-03" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">03</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-12-04" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">04</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-05" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">05</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-06" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">06</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-07" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">07</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-08" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">08</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-09" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">09</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-10" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">10</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!---->
</div>
</div>
</div>
`;
exports[`renders ./components/calendar/demo/customize-header.vue correctly 1`] = `
<div style="width: 300px; border: 1px solid #d9d9d9; border-radius: 4px;">
<div class="ant-picker-calendar ant-picker-calendar-mini">
<div style="padding: 10px;">
<div style="margin-bottom: 10px;">Custom header</div>
<div class="ant-row ant-row-space-between">
<div class="ant-col">
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-small"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
</div>
<div class="ant-col">
<div class="ant-select ant-select-sm my-year-select ant-select-single ant-select-show-arrow">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"></span><span class="ant-select-selection-item">2016</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
<!---->
</div>
</div>
<div class="ant-col">
<div class="ant-select ant-select-sm ant-select-single ant-select-show-arrow">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"></span><span class="ant-select-selection-item">Nov</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
<!---->
</div>
</div>
</div>
</div>
<div tabindex="0" class="ant-picker-panel">
<div class="ant-picker-date-panel">
<!---->
<div class="ant-picker-body">
<table class="ant-picker-content">
<thead>
<tr>
<th>Su</th>
<th>Mo</th>
<th>Tu</th>
<th>We</th>
<th>Th</th>
<th>Fr</th>
<th>Sa</th>
</tr>
</thead>
<tbody>
<tr>
<td title="2016-10-30" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">30</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-10-31" class="ant-picker-cell ant-picker-cell-end">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">31</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-01" class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">01</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-02" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">02</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-03" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">03</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-04" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">04</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-05" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">05</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-06" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">06</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-07" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">07</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-08" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">08</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-09" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">09</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-10" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">10</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-11" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">11</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-12" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">12</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-13" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">13</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-14" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">14</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-15" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">15</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-16" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">16</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-17" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">17</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-18" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">18</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-19" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">19</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-20" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">20</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-21" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">21</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-22" class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today ant-picker-cell-selected">
<div class="ant-picker-cell-inner ant-picker-calendar-date ant-picker-calendar-date-today">
<div class="ant-picker-calendar-date-value">22</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-23" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">23</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-24" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">24</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-25" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">25</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-26" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">26</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-27" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">27</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-28" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">28</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-29" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">29</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-11-30" class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">30</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-01" class="ant-picker-cell ant-picker-cell-start">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">01</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-02" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">02</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-03" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">03</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-12-04" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">04</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-05" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">05</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-06" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">06</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-07" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">07</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-08" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">08</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-09" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">09</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2016-12-10" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">10</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!---->
</div>
</div>
</div>
`;
exports[`renders ./components/calendar/demo/notice-calendar.vue correctly 1`] = `
<div class="ant-picker-calendar ant-picker-calendar-full">
<div class="ant-picker-calendar-header">
<div class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"></span><span class="ant-select-selection-item" title="2016">2016</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
<!---->
</div>
<div class="ant-select ant-picker-calendar-month-select ant-select-single ant-select-show-arrow">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"></span><span class="ant-select-selection-item" title="Nov">Nov</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
<!---->
</div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default ant-picker-calendar-mode-switch"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
</div>
<div tabindex="0" class="ant-picker-panel">
<div class="ant-picker-date-panel">
<!---->
<div class="ant-picker-body">
<table class="ant-picker-content">
<thead>
<tr>
<th>Su</th>
<th>Mo</th>
<th>Tu</th>
<th>We</th>
<th>Th</th>
<th>Fr</th>
<th>Sa</th>
</tr>
</thead>
<tbody>
<tr>
<td title="2016-10-30" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">30</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-10-31" class="ant-picker-cell ant-picker-cell-end">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">31</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-01" class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">01</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-02" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">02</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-03" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">03</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-04" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">04</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-05" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">05</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-06" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">06</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-07" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">07</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-08" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">08</div>
<div class="ant-picker-calendar-date-content">
<ul class="events">
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
</ul>
</div>
</div>
</td>
<td title="2016-11-09" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">09</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-10" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">10</div>
<div class="ant-picker-calendar-date-content">
<ul class="events">
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event.</span></span></li>
</ul>
</div>
</div>
</td>
<td title="2016-11-11" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">11</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-12" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">12</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-13" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">13</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-14" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">14</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-15" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">15</div>
<div class="ant-picker-calendar-date-content">
<ul class="events">
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event</span></span></li>
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is very long usual event。。....</span></span></li>
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 1.</span></span></li>
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 2.</span></span></li>
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 3.</span></span></li>
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event 4.</span></span></li>
</ul>
</div>
</div>
</td>
<td title="2016-11-16" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">16</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-17" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">17</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-18" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">18</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-19" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">19</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-20" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">20</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-21" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">21</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-22" class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today ant-picker-cell-selected">
<div class="ant-picker-cell-inner ant-picker-calendar-date ant-picker-calendar-date-today">
<div class="ant-picker-calendar-date-value">22</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-23" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">23</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-24" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">24</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-25" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">25</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-26" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">26</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-11-27" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">27</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-28" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">28</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-29" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">29</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-11-30" class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">30</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-12-01" class="ant-picker-cell ant-picker-cell-start">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">01</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-12-02" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">02</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-12-03" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">03</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
</tr>
<tr>
<td title="2016-12-04" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">04</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-12-05" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">05</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-12-06" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">06</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-12-07" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">07</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-12-08" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">08</div>
<div class="ant-picker-calendar-date-content">
<ul class="events">
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
</ul>
</div>
</div>
</td>
<td title="2016-12-09" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">09</div>
<div class="ant-picker-calendar-date-content">
<ul class="events"></ul>
</div>
</div>
</td>
<td title="2016-12-10" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">10</div>
<div class="ant-picker-calendar-date-content">
<ul class="events">
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">This is warning event.</span></span></li>
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">This is usual event.</span></span></li>
<li><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">This is error event.</span></span></li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!---->
</div>
</div>
`;
exports[`renders ./components/calendar/demo/select.vue correctly 1`] = `
<div class="ant-alert ant-alert-info ant-alert-no-icon" data-show="true">
<!---->
<div class="ant-alert-content">
<div class="ant-alert-message">You selected date: 2017-01-25</div>
<div class="ant-alert-description">
<!---->
</div>
</div>
<!---->
</div>
<div class="ant-picker-calendar ant-picker-calendar-full">
<div class="ant-picker-calendar-header">
<div class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"></span><span class="ant-select-selection-item" title="2017">2017</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
<!---->
</div>
<div class="ant-select ant-picker-calendar-month-select ant-select-single ant-select-show-arrow">
<!---->
<!---->
<div class="ant-select-selector"><span class="ant-select-selection-search"><input id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" style="opacity: 0;" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" type="search"></span><span class="ant-select-selection-item" title="Jan">Jan</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span>
<!---->
</div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default ant-picker-calendar-mode-switch"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
</div>
<div tabindex="0" class="ant-picker-panel">
<div class="ant-picker-date-panel">
<!---->
<div class="ant-picker-body">
<table class="ant-picker-content">
<thead>
<tr>
<th>Su</th>
<th>Mo</th>
<th>Tu</th>
<th>We</th>
<th>Th</th>
<th>Fr</th>
<th>Sa</th>
</tr>
</thead>
<tbody>
<tr>
<td title="2017-01-01" class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">01</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-02" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">02</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-03" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">03</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-04" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">04</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-05" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">05</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-06" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">06</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-07" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">07</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2017-01-08" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">08</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-09" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">09</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-10" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">10</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-11" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">11</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-12" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">12</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-13" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">13</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-14" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">14</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2017-01-15" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">15</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-16" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">16</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-17" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">17</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-18" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">18</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-19" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">19</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-20" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">20</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-21" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">21</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2017-01-22" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">22</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-23" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">23</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-24" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">24</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-25" class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-selected">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">25</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-26" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">26</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-27" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">27</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-28" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">28</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2017-01-29" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">29</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-30" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">30</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-01-31" class="ant-picker-cell ant-picker-cell-in-view">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">31</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-02-01" class="ant-picker-cell ant-picker-cell-start">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">01</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-02-02" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">02</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-02-03" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">03</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-02-04" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">04</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
<tr>
<td title="2017-02-05" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">05</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-02-06" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">06</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-02-07" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">07</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-02-08" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">08</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-02-09" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">09</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-02-10" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">10</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
<td title="2017-02-11" class="ant-picker-cell">
<div class="ant-picker-cell-inner ant-picker-calendar-date">
<div class="ant-picker-calendar-date-value">11</div>
<div class="ant-picker-calendar-date-content">
<!---->
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!---->
</div>
</div>
`;