demo-extend.test.ts.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`renders ./components/form/demo/advanced-search.md extend context correctly 1`] = `
<div>
  <form
    class="ant-form ant-form-horizontal ant-advanced-search-form"
    id="advanced_search"
  >
    <div
      class="ant-row"
      style="margin-left:-12px;margin-right:-12px"
    >
      <div
        class="ant-col ant-col-8"
        style="padding-left:12px;padding-right:12px"
      >
        <div
          class="ant-row ant-form-item"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class="ant-form-item-required"
              for="advanced_search_field-0"
              title="Field 0"
            >
              Field 0
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <input
                  class="ant-input"
                  id="advanced_search_field-0"
                  placeholder="placeholder"
                  type="text"
                  value=""
                />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-col ant-col-8"
        style="padding-left:12px;padding-right:12px"
      >
        <div
          class="ant-row ant-form-item"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class="ant-form-item-required"
              for="advanced_search_field-1"
              title="Field 1"
            >
              Field 1
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <div
                  class="ant-select ant-select-single ant-select-show-arrow"
                >
                  <div
                    class="ant-select-selector"
                  >
                    <span
                      class="ant-select-selection-search"
                    >
                      <input
                        aria-activedescendant="advanced_search_field-1_list_0"
                        aria-autocomplete="list"
                        aria-controls="advanced_search_field-1_list"
                        aria-haspopup="listbox"
                        aria-owns="advanced_search_field-1_list"
                        autocomplete="off"
                        class="ant-select-selection-search-input"
                        id="advanced_search_field-1"
                        readonly=""
                        role="combobox"
                        style="opacity:0"
                        type="search"
                        unselectable="on"
                        value=""
                      />
                    </span>
                    <span
                      class="ant-select-selection-item"
                      title="longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong"
                    >
                      longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong
                    </span>
                  </div>
                  <div>
                    <div
                      class="ant-select-dropdown"
                      style="opacity:0;pointer-events:none"
                    >
                      <div>
                        <div
                          id="advanced_search_field-1_list"
                          role="listbox"
                          style="height:0;width:0;overflow:hidden"
                        >
                          <div
                            aria-label="1"
                            aria-selected="false"
                            id="advanced_search_field-1_list_0"
                            role="option"
                          >
                            1
                          </div>
                          <div
                            aria-label="longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong"
                            aria-selected="true"
                            id="advanced_search_field-1_list_1"
                            role="option"
                          >
                            2
                          </div>
                        </div>
                        <div
                          class="rc-virtual-list"
                          style="position:relative"
                        >
                          <div
                            class="rc-virtual-list-holder"
                            style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                          >
                            <div>
                              <div
                                class="rc-virtual-list-holder-inner"
                                style="display:flex;flex-direction:column"
                              >
                                <div
                                  aria-selected="false"
                                  class="ant-select-item ant-select-item-option ant-select-item-option-active"
                                  title="1"
                                >
                                  <div
                                    class="ant-select-item-option-content"
                                  >
                                    1
                                  </div>
                                  <span
                                    aria-hidden="true"
                                    class="ant-select-item-option-state"
                                    style="user-select:none;-webkit-user-select:none"
                                    unselectable="on"
                                  />
                                </div>
                                <div
                                  aria-selected="true"
                                  class="ant-select-item ant-select-item-option ant-select-item-option-selected"
                                  title="longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong"
                                >
                                  <div
                                    class="ant-select-item-option-content"
                                  >
                                    longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong
                                  </div>
                                  <span
                                    aria-hidden="true"
                                    class="ant-select-item-option-state"
                                    style="user-select:none;-webkit-user-select:none"
                                    unselectable="on"
                                  />
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-arrow"
                    style="user-select:none;-webkit-user-select:none"
                    unselectable="on"
                  >
                    <span
                      aria-label="down"
                      class="anticon anticon-down ant-select-suffix"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="down"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <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"
                        />
                      </svg>
                    </span>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-col ant-col-8"
        style="padding-left:12px;padding-right:12px"
      >
        <div
          class="ant-row ant-form-item"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class="ant-form-item-required"
              for="advanced_search_field-2"
              title="Field 2"
            >
              Field 2
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <input
                  class="ant-input"
                  id="advanced_search_field-2"
                  placeholder="placeholder"
                  type="text"
                  value=""
                />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-col ant-col-8"
        style="padding-left:12px;padding-right:12px"
      >
        <div
          class="ant-row ant-form-item"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class="ant-form-item-required"
              for="advanced_search_field-3"
              title="Field 3"
            >
              Field 3
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <input
                  class="ant-input"
                  id="advanced_search_field-3"
                  placeholder="placeholder"
                  type="text"
                  value=""
                />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-col ant-col-8"
        style="padding-left:12px;padding-right:12px"
      >
        <div
          class="ant-row ant-form-item"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class="ant-form-item-required"
              for="advanced_search_field-4"
              title="Field 4"
            >
              Field 4
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <div
                  class="ant-select ant-select-single ant-select-show-arrow"
                >
                  <div
                    class="ant-select-selector"
                  >
                    <span
                      class="ant-select-selection-search"
                    >
                      <input
                        aria-activedescendant="advanced_search_field-4_list_0"
                        aria-autocomplete="list"
                        aria-controls="advanced_search_field-4_list"
                        aria-haspopup="listbox"
                        aria-owns="advanced_search_field-4_list"
                        autocomplete="off"
                        class="ant-select-selection-search-input"
                        id="advanced_search_field-4"
                        readonly=""
                        role="combobox"
                        style="opacity:0"
                        type="search"
                        unselectable="on"
                        value=""
                      />
                    </span>
                    <span
                      class="ant-select-selection-item"
                      title="longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong"
                    >
                      longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong
                    </span>
                  </div>
                  <div>
                    <div
                      class="ant-select-dropdown"
                      style="opacity:0;pointer-events:none"
                    >
                      <div>
                        <div
                          id="advanced_search_field-4_list"
                          role="listbox"
                          style="height:0;width:0;overflow:hidden"
                        >
                          <div
                            aria-label="1"
                            aria-selected="false"
                            id="advanced_search_field-4_list_0"
                            role="option"
                          >
                            1
                          </div>
                          <div
                            aria-label="longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong"
                            aria-selected="true"
                            id="advanced_search_field-4_list_1"
                            role="option"
                          >
                            2
                          </div>
                        </div>
                        <div
                          class="rc-virtual-list"
                          style="position:relative"
                        >
                          <div
                            class="rc-virtual-list-holder"
                            style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                          >
                            <div>
                              <div
                                class="rc-virtual-list-holder-inner"
                                style="display:flex;flex-direction:column"
                              >
                                <div
                                  aria-selected="false"
                                  class="ant-select-item ant-select-item-option ant-select-item-option-active"
                                  title="1"
                                >
                                  <div
                                    class="ant-select-item-option-content"
                                  >
                                    1
                                  </div>
                                  <span
                                    aria-hidden="true"
                                    class="ant-select-item-option-state"
                                    style="user-select:none;-webkit-user-select:none"
                                    unselectable="on"
                                  />
                                </div>
                                <div
                                  aria-selected="true"
                                  class="ant-select-item ant-select-item-option ant-select-item-option-selected"
                                  title="longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong"
                                >
                                  <div
                                    class="ant-select-item-option-content"
                                  >
                                    longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong
                                  </div>
                                  <span
                                    aria-hidden="true"
                                    class="ant-select-item-option-state"
                                    style="user-select:none;-webkit-user-select:none"
                                    unselectable="on"
                                  />
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-arrow"
                    style="user-select:none;-webkit-user-select:none"
                    unselectable="on"
                  >
                    <span
                      aria-label="down"
                      class="anticon anticon-down ant-select-suffix"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="down"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <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"
                        />
                      </svg>
                    </span>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-col ant-col-8"
        style="padding-left:12px;padding-right:12px"
      >
        <div
          class="ant-row ant-form-item"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class="ant-form-item-required"
              for="advanced_search_field-5"
              title="Field 5"
            >
              Field 5
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <input
                  class="ant-input"
                  id="advanced_search_field-5"
                  placeholder="placeholder"
                  type="text"
                  value=""
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row"
    >
      <div
        class="ant-col ant-col-24"
        style="text-align:right"
      >
        <button
          class="ant-btn ant-btn-primary"
          type="submit"
        >
          <span>
            Search
          </span>
        </button>
        <button
          class="ant-btn ant-btn-default"
          style="margin:0 8px"
          type="button"
        >
          <span>
            Clear
          </span>
        </button>
        <a
          style="font-size:12px"
        >
          <span
            aria-label="down"
            class="anticon anticon-down"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <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"
              />
            </svg>
          </span>
           Collapse
        </a>
      </div>
    </div>
  </form>
  <div
    class="search-result-list"
  >
    Search Result List
  </div>
</div>
`;

exports[`renders ./components/form/demo/basic.md extend context correctly 1`] = `
<form
  autocomplete="off"
  class="ant-form ant-form-horizontal"
  id="basic"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="basic_username"
        title="Username"
      >
        Username
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="basic_username"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="basic_password"
        title="Password"
      >
        Password
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-password"
          >
            <input
              action="click"
              class="ant-input"
              id="basic_password"
              type="password"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                aria-label="eye-invisible"
                class="anticon anticon-eye-invisible ant-input-password-icon"
                role="img"
                tabindex="-1"
              >
                <svg
                  aria-hidden="true"
                  data-icon="eye-invisible"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
                  />
                  <path
                    d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
                  />
                </svg>
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <label
            class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
          >
            <span
              class="ant-checkbox ant-checkbox-checked"
            >
              <input
                checked=""
                class="ant-checkbox-input"
                id="basic_remember"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
            <span>
              Remember me
            </span>
          </label>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/col-24-debug.md extend context correctly 1`] = `
<form
  autocomplete="off"
  class="ant-form ant-form-horizontal"
  id="basic"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-24 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="basic_username"
        title="Username"
      >
        Username
      </label>
    </div>
    <div
      class="ant-col ant-col-24 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="basic_username"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-24 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="basic_password"
        title="Password"
      >
        Password
      </label>
    </div>
    <div
      class="ant-col ant-col-24 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-password"
          >
            <input
              action="click"
              class="ant-input"
              id="basic_password"
              type="password"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                aria-label="eye-invisible"
                class="anticon anticon-eye-invisible ant-input-password-icon"
                role="img"
                tabindex="-1"
              >
                <svg
                  aria-hidden="true"
                  data-icon="eye-invisible"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
                  />
                  <path
                    d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
                  />
                </svg>
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-24 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/control-hooks.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="control-hooks"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="control-hooks_note"
        title="Note"
      >
        Note
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="control-hooks_note"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="control-hooks_gender"
        title="Gender"
      >
        Gender
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="control-hooks_gender_list_0"
                  aria-autocomplete="list"
                  aria-controls="control-hooks_gender_list"
                  aria-haspopup="listbox"
                  aria-owns="control-hooks_gender_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  id="control-hooks_gender"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              >
                Select a option and change input text above
              </span>
            </div>
            <div>
              <div
                class="ant-select-dropdown"
                style="opacity:0;pointer-events:none"
              >
                <div>
                  <div
                    id="control-hooks_gender_list"
                    role="listbox"
                    style="height:0;width:0;overflow:hidden"
                  >
                    <div
                      aria-label="male"
                      aria-selected="false"
                      id="control-hooks_gender_list_0"
                      role="option"
                    >
                      male
                    </div>
                    <div
                      aria-label="female"
                      aria-selected="false"
                      id="control-hooks_gender_list_1"
                      role="option"
                    >
                      female
                    </div>
                  </div>
                  <div
                    class="rc-virtual-list"
                    style="position:relative"
                  >
                    <div
                      class="rc-virtual-list-holder"
                      style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                    >
                      <div>
                        <div
                          class="rc-virtual-list-holder-inner"
                          style="display:flex;flex-direction:column"
                        >
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option ant-select-item-option-active"
                            title="male"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              male
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="female"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              female
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="other"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              other
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
          <button
            class="ant-btn ant-btn-default"
            type="button"
          >
            <span>
              Reset
            </span>
          </button>
          <button
            class="ant-btn ant-btn-link"
            type="button"
          >
            <span>
              Fill form
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/control-ref.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="control-ref"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="control-ref_note"
        title="Note"
      >
        Note
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="control-ref_note"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="control-ref_gender"
        title="Gender"
      >
        Gender
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="control-ref_gender_list_0"
                  aria-autocomplete="list"
                  aria-controls="control-ref_gender_list"
                  aria-haspopup="listbox"
                  aria-owns="control-ref_gender_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  id="control-ref_gender"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              >
                Select a option and change input text above
              </span>
            </div>
            <div>
              <div
                class="ant-select-dropdown"
                style="opacity:0;pointer-events:none"
              >
                <div>
                  <div
                    id="control-ref_gender_list"
                    role="listbox"
                    style="height:0;width:0;overflow:hidden"
                  >
                    <div
                      aria-label="male"
                      aria-selected="false"
                      id="control-ref_gender_list_0"
                      role="option"
                    >
                      male
                    </div>
                    <div
                      aria-label="female"
                      aria-selected="false"
                      id="control-ref_gender_list_1"
                      role="option"
                    >
                      female
                    </div>
                  </div>
                  <div
                    class="rc-virtual-list"
                    style="position:relative"
                  >
                    <div
                      class="rc-virtual-list-holder"
                      style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                    >
                      <div>
                        <div
                          class="rc-virtual-list-holder-inner"
                          style="display:flex;flex-direction:column"
                        >
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option ant-select-item-option-active"
                            title="male"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              male
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="female"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              female
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="other"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              other
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
          <button
            class="ant-btn ant-btn-default"
            type="button"
          >
            <span>
              Reset
            </span>
          </button>
          <button
            class="ant-btn ant-btn-link"
            type="button"
          >
            <span>
              Fill form
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/customized-form-controls.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-inline"
  id="customized_form_controls"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        for="customized_form_controls_price"
        title="Price"
      >
        Price
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span>
            <input
              class="ant-input"
              style="width:100px"
              type="text"
              value="0"
            />
            <div
              class="ant-select ant-select-single ant-select-show-arrow"
              style="width:80px;margin:0 8px"
            >
              <div
                class="ant-select-selector"
              >
                <span
                  class="ant-select-selection-search"
                >
                  <input
                    aria-activedescendant="undefined_list_0"
                    aria-autocomplete="list"
                    aria-controls="undefined_list"
                    aria-haspopup="listbox"
                    aria-owns="undefined_list"
                    autocomplete="off"
                    class="ant-select-selection-search-input"
                    readonly=""
                    role="combobox"
                    style="opacity:0"
                    type="search"
                    unselectable="on"
                    value=""
                  />
                </span>
                <span
                  class="ant-select-selection-item"
                  title="RMB"
                >
                  RMB
                </span>
              </div>
              <div>
                <div
                  class="ant-select-dropdown"
                  style="opacity:0;pointer-events:none"
                >
                  <div>
                    <div
                      id="undefined_list"
                      role="listbox"
                      style="height:0;width:0;overflow:hidden"
                    >
                      <div
                        aria-label="RMB"
                        aria-selected="true"
                        id="undefined_list_0"
                        role="option"
                      >
                        rmb
                      </div>
                      <div
                        aria-label="Dollar"
                        aria-selected="false"
                        id="undefined_list_1"
                        role="option"
                      >
                        dollar
                      </div>
                    </div>
                    <div
                      class="rc-virtual-list"
                      style="position:relative"
                    >
                      <div
                        class="rc-virtual-list-holder"
                        style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                      >
                        <div>
                          <div
                            class="rc-virtual-list-holder-inner"
                            style="display:flex;flex-direction:column"
                          >
                            <div
                              aria-selected="true"
                              class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
                              title="RMB"
                            >
                              <div
                                class="ant-select-item-option-content"
                              >
                                RMB
                              </div>
                              <span
                                aria-hidden="true"
                                class="ant-select-item-option-state"
                                style="user-select:none;-webkit-user-select:none"
                                unselectable="on"
                              />
                            </div>
                            <div
                              aria-selected="false"
                              class="ant-select-item ant-select-item-option"
                              title="Dollar"
                            >
                              <div
                                class="ant-select-item-option-content"
                              >
                                Dollar
                              </div>
                              <span
                                aria-hidden="true"
                                class="ant-select-item-option-state"
                                style="user-select:none;-webkit-user-select:none"
                                unselectable="on"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <span
                aria-hidden="true"
                class="ant-select-arrow"
                style="user-select:none;-webkit-user-select:none"
                unselectable="on"
              >
                <span
                  aria-label="down"
                  class="anticon anticon-down ant-select-suffix"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="down"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <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"
                    />
                  </svg>
                </span>
              </span>
            </div>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/dep-debug.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="debug"
>
  0
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        for="debug_debug1"
        title="debug1"
      >
        debug1
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="debug_debug1"
            type="text"
            value="debug1"
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        for="debug_debug2"
        title="debug2"
      >
        debug2
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="debug_debug2"
            type="text"
            value="debug2"
          />
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/disabled-input-debug.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="Normal0"
      >
        Normal0
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            placeholder="unavailable choice"
            type="text"
            value="Buggy!"
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="Fail0"
      >
        Fail0
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input ant-input-status-error"
            placeholder="unavailable choice"
            type="text"
            value="Buggy!"
          />
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Buggy!
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="FailDisabled0"
      >
        FailDisabled0
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input ant-input-disabled ant-input-status-error"
            disabled=""
            placeholder="unavailable choice"
            type="text"
            value="Buggy!"
          />
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Buggy!
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="Normal1"
      >
        Normal1
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            placeholder="unavailable choice"
            type="text"
            value="Buggy!"
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="Fail1"
      >
        Fail1
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input ant-input-status-error"
            placeholder="unavailable choice"
            type="text"
            value="Buggy!"
          />
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Buggy!
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="FailDisabled1"
      >
        FailDisabled1
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input ant-input-disabled ant-input-status-error"
            disabled=""
            placeholder="unavailable choice"
            type="text"
            value="Buggy!"
          />
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Buggy!
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="Normal2"
      >
        Normal2
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-group-wrapper"
          >
            <span
              class="ant-input-wrapper ant-input-group"
            >
              <span
                class="ant-input-group-addon"
              >
                Buggy!
              </span>
              <input
                class="ant-input"
                placeholder="unavailable choice"
                type="text"
                value=""
              />
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="Fail2"
      >
        Fail2
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-group-wrapper ant-input-group-wrapper-status-error"
          >
            <span
              class="ant-input-wrapper ant-input-group"
            >
              <span
                class="ant-input-group-addon"
              >
                Buggy!
              </span>
              <input
                class="ant-input ant-input-status-error"
                placeholder="unavailable choice"
                type="text"
                value=""
              />
            </span>
          </span>
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Buggy!
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="FailDisabled2"
      >
        FailDisabled2
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-group-wrapper ant-input-group-wrapper-status-error"
          >
            <span
              class="ant-input-wrapper ant-input-group"
            >
              <span
                class="ant-input-group-addon"
              >
                Buggy!
              </span>
              <input
                class="ant-input ant-input-disabled ant-input-status-error"
                disabled=""
                placeholder="unavailable choice"
                type="text"
                value=""
              />
            </span>
          </span>
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Buggy!
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="Normal3"
      >
        Normal3
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper"
          >
            <span
              class="ant-input-prefix"
            >
              人民币
            </span>
            <input
              class="ant-input"
              placeholder="unavailable choice"
              type="text"
              value="50"
            />
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="Fail3"
      >
        Fail3
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-affix-wrapper-status-error"
          >
            <span
              class="ant-input-prefix"
            >
              人民币
            </span>
            <input
              class="ant-input"
              placeholder="unavailable choice"
              type="text"
              value="50"
            />
          </span>
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Buggy!
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="FailDisabled3"
      >
        FailDisabled3
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-affix-wrapper-disabled ant-input-affix-wrapper-status-error"
          >
            <span
              class="ant-input-prefix"
            >
              人民币
            </span>
            <input
              class="ant-input ant-input-disabled"
              disabled=""
              placeholder="unavailable choice"
              type="text"
              value="50"
            />
          </span>
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Buggy!
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/dynamic-form-item.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="dynamic_form_item"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-dashed"
            style="width:60%"
            type="button"
          >
            <span
              aria-label="plus"
              class="anticon anticon-plus"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="plus"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <defs />
                <path
                  d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
                />
                <path
                  d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
                />
              </svg>
            </span>
            <span>
              Add field
            </span>
          </button>
          <button
            class="ant-btn ant-btn-dashed"
            style="width:60%;margin-top:20px"
            type="button"
          >
            <span
              aria-label="plus"
              class="anticon anticon-plus"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="plus"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <defs />
                <path
                  d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
                />
                <path
                  d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
                />
              </svg>
            </span>
            <span>
              Add field at head
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/dynamic-form-items.md extend context correctly 1`] = `
<form
  autocomplete="off"
  class="ant-form ant-form-horizontal"
  id="dynamic_form_nest_item"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-dashed ant-btn-block"
            type="button"
          >
            <span
              aria-label="plus"
              class="anticon anticon-plus"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="plus"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <defs />
                <path
                  d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
                />
                <path
                  d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
                />
              </svg>
            </span>
            <span>
              Add field
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/dynamic-form-items-complex.md extend context correctly 1`] = `
<form
  autocomplete="off"
  class="ant-form ant-form-horizontal"
  id="dynamic_form_nest_item"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="dynamic_form_nest_item_area"
        title="Area"
      >
        Area
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="dynamic_form_nest_item_area_list_0"
                  aria-autocomplete="list"
                  aria-controls="dynamic_form_nest_item_area_list"
                  aria-haspopup="listbox"
                  aria-owns="dynamic_form_nest_item_area_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  id="dynamic_form_nest_item_area"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              />
            </div>
            <div>
              <div
                class="ant-select-dropdown"
                style="opacity:0;pointer-events:none"
              >
                <div>
                  <div
                    id="dynamic_form_nest_item_area_list"
                    role="listbox"
                    style="height:0;width:0;overflow:hidden"
                  >
                    <div
                      aria-label="Beijing"
                      aria-selected="false"
                      id="dynamic_form_nest_item_area_list_0"
                      role="option"
                    >
                      Beijing
                    </div>
                    <div
                      aria-label="Shanghai"
                      aria-selected="false"
                      id="dynamic_form_nest_item_area_list_1"
                      role="option"
                    >
                      Shanghai
                    </div>
                  </div>
                  <div
                    class="rc-virtual-list"
                    style="position:relative"
                  >
                    <div
                      class="rc-virtual-list-holder"
                      style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                    >
                      <div>
                        <div
                          class="rc-virtual-list-holder-inner"
                          style="display:flex;flex-direction:column"
                        >
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option ant-select-item-option-active"
                            title="Beijing"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Beijing
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="Shanghai"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Shanghai
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-dashed ant-btn-block"
            type="button"
          >
            <span
              aria-label="plus"
              class="anticon anticon-plus"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="plus"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <defs />
                <path
                  d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
                />
                <path
                  d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
                />
              </svg>
            </span>
            <span>
              Add sights
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/dynamic-form-items-no-style.md extend context correctly 1`] = `
<form
  autocomplete="off"
  class="ant-form ant-form-horizontal"
  id="dynamic_form_nest_item"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        title="Users"
      >
        Users
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-row ant-form-item"
          >
            <div
              class="ant-col ant-form-item-control"
            >
              <div
                class="ant-form-item-control-input"
              >
                <div
                  class="ant-form-item-control-input-content"
                >
                  <button
                    class="ant-btn ant-btn-dashed ant-btn-block"
                    type="button"
                  >
                    <span
                      aria-label="plus"
                      class="anticon anticon-plus"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="plus"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <defs />
                        <path
                          d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
                        />
                        <path
                          d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
                        />
                      </svg>
                    </span>
                    <span>
                      Add field
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/dynamic-rule.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="dynamic_rule"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="dynamic_rule_username"
        title="Name"
      >
        Name
      </label>
    </div>
    <div
      class="ant-col ant-col-8 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="dynamic_rule_username"
            placeholder="Please input your name"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        for="dynamic_rule_nickname"
        title="Nickname"
      >
        Nickname
      </label>
    </div>
    <div
      class="ant-col ant-col-8 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="dynamic_rule_nickname"
            placeholder="Please input your nickname"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-col-offset-4 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <label
            class="ant-checkbox-wrapper"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
            <span>
              Nickname is required
            </span>
          </label>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-col-offset-4 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="button"
          >
            <span>
              Check
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/form-context.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="basicForm"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="basicForm_group"
        title="Group Name"
      >
        Group Name
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="basicForm_group"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class=""
        title="User List"
      >
        User List
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-typography ant-typography-secondary ant-form-text"
          >
            ( 
            <span
              aria-label="smile"
              class="anticon anticon-smile"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="smile"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"
                />
              </svg>
            </span>
             No user yet. )
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
          <button
            class="ant-btn ant-btn-default"
            style="margin:0 8px"
            type="button"
          >
            <span>
              Add User
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/form-in-modal.md extend context correctly 1`] = `
<div>
  <button
    class="ant-btn ant-btn-primary"
    type="button"
  >
    <span>
      New Collection
    </span>
  </button>
</div>
`;

exports[`renders ./components/form/demo/global-state.md extend context correctly 1`] = `
Array [
  <form
    class="ant-form ant-form-inline"
    id="global_state"
  >
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class="ant-form-item-required"
          for="global_state_username"
          title="Username"
        >
          Username
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <input
              class="ant-input"
              id="global_state_username"
              type="text"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
  </form>,
  <pre
    class="language-bash"
  >
    [
  {
    "name": [
      "username"
    ],
    "value": "Ant Design"
  }
]
  </pre>,
]
`;

exports[`renders ./components/form/demo/inline-login.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-inline"
  id="horizontal_login"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper"
          >
            <span
              class="ant-input-prefix"
            >
              <span
                aria-label="user"
                class="anticon anticon-user site-form-item-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="user"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
                  />
                </svg>
              </span>
            </span>
            <input
              class="ant-input"
              id="horizontal_login_username"
              placeholder="Username"
              type="text"
              value=""
            />
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper"
          >
            <span
              class="ant-input-prefix"
            >
              <span
                aria-label="lock"
                class="anticon anticon-lock site-form-item-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="lock"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z"
                  />
                </svg>
              </span>
            </span>
            <input
              class="ant-input"
              id="horizontal_login_password"
              placeholder="Password"
              type="password"
              value=""
            />
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Log in
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/label-debug.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="label-ellipsis"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class=""
        for="label-ellipsis_username"
        title=""
      >
        <span
          aria-label="longtextlongtextlongtextlongtextlongtextlongtextlongtext"
          class="ant-typography ant-typography-ellipsis ant-typography-single-line"
        >
          longtextlongtextlongtextlongtextlongtextlongtextlongtext
          <span
            aria-hidden="true"
            style="position:fixed;display:block;left:0;top:0;z-index:-9999;visibility:hidden;pointer-events:none;word-break:keep-all;white-space:nowrap"
          >
            lg
          </span>
          <span
            aria-hidden="true"
            style="position:fixed;display:block;left:0;top:0;z-index:-9999;visibility:hidden;pointer-events:none;width:0;white-space:normal;margin:0;padding:0"
          >
            <span
              aria-hidden="true"
            >
              ...
            </span>
          </span>
        </span>
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="label-ellipsis_username"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class=""
        for="label-ellipsis_password"
        title=""
      >
        <span
          aria-label="longtext longtext longtext longtext longtext longtext longtext"
          class="ant-typography ant-typography-ellipsis ant-typography-single-line"
        >
          longtext longtext longtext longtext longtext longtext longtext
          <span
            aria-hidden="true"
            style="position:fixed;display:block;left:0;top:0;z-index:-9999;visibility:hidden;pointer-events:none;word-break:keep-all;white-space:nowrap"
          >
            lg
          </span>
          <span
            aria-hidden="true"
            style="position:fixed;display:block;left:0;top:0;z-index:-9999;visibility:hidden;pointer-events:none;width:0;white-space:normal;margin:0;padding:0"
          >
            <span
              aria-hidden="true"
            >
              ...
            </span>
          </span>
        </span>
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-password"
          >
            <input
              action="click"
              class="ant-input"
              id="label-ellipsis_password"
              type="password"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                aria-label="eye-invisible"
                class="anticon anticon-eye-invisible ant-input-password-icon"
                role="img"
                tabindex="-1"
              >
                <svg
                  aria-hidden="true"
                  data-icon="eye-invisible"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
                  />
                  <path
                    d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
                  />
                </svg>
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/layout.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        for="layout"
        title="Form Layout"
      >
        Form Layout
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-radio-group ant-radio-group-outline"
            id="layout"
          >
            <label
              class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
            >
              <span
                class="ant-radio-button ant-radio-button-checked"
              >
                <input
                  checked=""
                  class="ant-radio-button-input"
                  type="radio"
                  value="horizontal"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                Horizontal
              </span>
            </label>
            <label
              class="ant-radio-button-wrapper"
            >
              <span
                class="ant-radio-button"
              >
                <input
                  class="ant-radio-button-input"
                  type="radio"
                  value="vertical"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                Vertical
              </span>
            </label>
            <label
              class="ant-radio-button-wrapper"
            >
              <span
                class="ant-radio-button"
              >
                <input
                  class="ant-radio-button-input"
                  type="radio"
                  value="inline"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                Inline
              </span>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        title="Field A"
      >
        Field A
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            placeholder="input placeholder"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        title="Field B"
      >
        Field B
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            placeholder="input placeholder"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="button"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/layout-can-wrap.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="wrap"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
      style="flex:0 0 110px"
    >
      <label
        class="ant-form-item-required ant-form-item-no-colon"
        for="wrap_username"
        title="正常标签文案"
      >
        正常标签文案
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
      style="flex:1 1 auto"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="wrap_username"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
      style="flex:0 0 110px"
    >
      <label
        class="ant-form-item-required ant-form-item-no-colon"
        for="wrap_password"
        title="超长标签文案超长标签文案"
      >
        超长标签文案超长标签文案
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
      style="flex:1 1 auto"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="wrap_password"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
      style="flex:0 0 110px"
    >
      <label
        class="ant-form-item-no-colon"
        title=" "
      >
         
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
      style="flex:1 1 auto"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/nest-messages.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="nest-messages"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="nest-messages_user_name"
        title="Name"
      >
        Name
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="nest-messages_user_name"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class=""
        for="nest-messages_user_email"
        title="Email"
      >
        Email
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="nest-messages_user_email"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class=""
        for="nest-messages_user_age"
        title="Age"
      >
        Age
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-input-number"
          >
            <div
              class="ant-input-number-handler-wrap"
            >
              <span
                aria-disabled="false"
                aria-label="Increase Value"
                class="ant-input-number-handler ant-input-number-handler-up"
                role="button"
                unselectable="on"
              >
                <span
                  aria-label="up"
                  class="anticon anticon-up ant-input-number-handler-up-inner"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="up"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
                    />
                  </svg>
                </span>
              </span>
              <span
                aria-disabled="false"
                aria-label="Decrease Value"
                class="ant-input-number-handler ant-input-number-handler-down"
                role="button"
                unselectable="on"
              >
                <span
                  aria-label="down"
                  class="anticon anticon-down ant-input-number-handler-down-inner"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="down"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <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"
                    />
                  </svg>
                </span>
              </span>
            </div>
            <div
              class="ant-input-number-input-wrap"
            >
              <input
                autocomplete="off"
                class="ant-input-number-input"
                id="nest-messages_user_age"
                role="spinbutton"
                step="1"
                value=""
              />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class=""
        for="nest-messages_user_website"
        title="Website"
      >
        Website
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="nest-messages_user_website"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-8 ant-form-item-label"
    >
      <label
        class=""
        for="nest-messages_user_introduction"
        title="Introduction"
      >
        Introduction
      </label>
    </div>
    <div
      class="ant-col ant-col-16 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <textarea
            class="ant-input"
            id="nest-messages_user_introduction"
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/normal-login.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal login-form"
  id="normal_login"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper"
          >
            <span
              class="ant-input-prefix"
            >
              <span
                aria-label="user"
                class="anticon anticon-user site-form-item-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="user"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
                  />
                </svg>
              </span>
            </span>
            <input
              class="ant-input"
              id="normal_login_username"
              placeholder="Username"
              type="text"
              value=""
            />
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper"
          >
            <span
              class="ant-input-prefix"
            >
              <span
                aria-label="lock"
                class="anticon anticon-lock site-form-item-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="lock"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z"
                  />
                </svg>
              </span>
            </span>
            <input
              class="ant-input"
              id="normal_login_password"
              placeholder="Password"
              type="password"
              value=""
            />
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <label
            class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
          >
            <span
              class="ant-checkbox ant-checkbox-checked"
            >
              <input
                checked=""
                class="ant-checkbox-input"
                id="normal_login_remember"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
            <span>
              Remember me
            </span>
          </label>
          <a
            class="login-form-forgot"
            href=""
          >
            Forgot password
          </a>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary login-form-button"
            type="submit"
          >
            <span>
              Log in
            </span>
          </button>
          Or 
          <a
            href=""
          >
            register now!
          </a>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/ref-item.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class=""
        for="test"
        title="test"
      >
        test
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="test"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="list_0"
            type="text"
            value="light"
          />
        </div>
      </div>
    </div>
  </div>
  <button
    class="ant-btn ant-btn-button"
    type="button"
  >
    <span>
      Focus Form.Item
    </span>
  </button>
  <button
    class="ant-btn ant-btn-default"
    type="button"
  >
    <span>
      Focus Form.List
    </span>
  </button>
</form>
`;

exports[`renders ./components/form/demo/register.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="register"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="register_email"
        title="E-mail"
      >
        E-mail
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="register_email"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="register_password"
        title="Password"
      >
        Password
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-has-feedback"
          >
            <input
              action="click"
              class="ant-input"
              id="register_password"
              type="password"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                aria-label="eye-invisible"
                class="anticon anticon-eye-invisible ant-input-password-icon"
                role="img"
                tabindex="-1"
              >
                <svg
                  aria-hidden="true"
                  data-icon="eye-invisible"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
                  />
                  <path
                    d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
                  />
                </svg>
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="register_confirm"
        title="Confirm Password"
      >
        Confirm Password
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-has-feedback"
          >
            <input
              action="click"
              class="ant-input"
              id="register_confirm"
              type="password"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                aria-label="eye-invisible"
                class="anticon anticon-eye-invisible ant-input-password-icon"
                role="img"
                tabindex="-1"
              >
                <svg
                  aria-hidden="true"
                  data-icon="eye-invisible"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
                  />
                  <path
                    d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
                  />
                </svg>
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="register_nickname"
        title="Nickname"
      >
        Nickname
        <span
          aria-label="question-circle"
          class="anticon anticon-question-circle ant-form-item-tooltip"
          role="img"
          title=""
        >
          <svg
            aria-hidden="true"
            data-icon="question-circle"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
            />
            <path
              d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"
            />
          </svg>
        </span>
        <div>
          <div
            class="ant-tooltip"
            style="opacity:0;pointer-events:none"
          >
            <div
              class="ant-tooltip-content"
            >
              <div
                class="ant-tooltip-arrow"
              >
                <span
                  class="ant-tooltip-arrow-content"
                />
              </div>
              <div
                class="ant-tooltip-inner"
                role="tooltip"
              >
                What do you want others to call you?
              </div>
            </div>
          </div>
        </div>
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="register_nickname"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="register_residence"
        title="Habitual Residence"
      >
        Habitual Residence
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-autocomplete="list"
                  aria-controls="register_residence_list"
                  aria-haspopup="listbox"
                  aria-owns="register_residence_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  id="register_residence"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-item"
                title="Zhejiang / Hangzhou / West Lake"
              >
                Zhejiang / Hangzhou / West Lake
              </span>
            </div>
            <div>
              <div
                class="ant-select-dropdown ant-cascader-dropdown"
                style="opacity:0;pointer-events:none;min-width:auto"
              >
                <div>
                  <div
                    class="ant-cascader-menus"
                  >
                    <ul
                      class="ant-cascader-menu"
                      role="menu"
                    >
                      <li
                        aria-checked="false"
                        class="ant-cascader-menu-item ant-cascader-menu-item-expand"
                        data-path-key="zhejiang"
                        role="menuitemcheckbox"
                        title="Zhejiang"
                      >
                        <div
                          class="ant-cascader-menu-item-content"
                        >
                          Zhejiang
                        </div>
                        <div
                          class="ant-cascader-menu-item-expand-icon"
                        >
                          <span
                            aria-label="right"
                            class="anticon anticon-right"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="right"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                              />
                            </svg>
                          </span>
                        </div>
                      </li>
                      <li
                        aria-checked="false"
                        class="ant-cascader-menu-item ant-cascader-menu-item-expand"
                        data-path-key="jiangsu"
                        role="menuitemcheckbox"
                        title="Jiangsu"
                      >
                        <div
                          class="ant-cascader-menu-item-content"
                        >
                          Jiangsu
                        </div>
                        <div
                          class="ant-cascader-menu-item-expand-icon"
                        >
                          <span
                            aria-label="right"
                            class="anticon anticon-right"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="right"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                              />
                            </svg>
                          </span>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
            </span>
            <span
              aria-hidden="true"
              class="ant-select-clear"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="close-circle"
                class="anticon anticon-close-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close-circle"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="register_phone"
        title="Phone Number"
      >
        Phone Number
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-group-wrapper"
            style="width:100%"
          >
            <span
              class="ant-input-wrapper ant-input-group"
            >
              <span
                class="ant-input-group-addon"
              >
                <div
                  class="ant-select ant-select-single ant-select-show-arrow"
                  style="width:70px"
                >
                  <div
                    class="ant-select-selector"
                  >
                    <span
                      class="ant-select-selection-search"
                    >
                      <input
                        aria-activedescendant="register_prefix_list_0"
                        aria-autocomplete="list"
                        aria-controls="register_prefix_list"
                        aria-haspopup="listbox"
                        aria-owns="register_prefix_list"
                        autocomplete="off"
                        class="ant-select-selection-search-input"
                        id="register_prefix"
                        readonly=""
                        role="combobox"
                        style="opacity:0"
                        type="search"
                        unselectable="on"
                        value=""
                      />
                    </span>
                    <span
                      class="ant-select-selection-item"
                      title="+86"
                    >
                      +86
                    </span>
                  </div>
                  <div>
                    <div
                      class="ant-select-dropdown"
                      style="opacity:0;pointer-events:none"
                    >
                      <div>
                        <div
                          id="register_prefix_list"
                          role="listbox"
                          style="height:0;width:0;overflow:hidden"
                        >
                          <div
                            aria-label="+86"
                            aria-selected="true"
                            id="register_prefix_list_0"
                            role="option"
                          >
                            86
                          </div>
                          <div
                            aria-label="+87"
                            aria-selected="false"
                            id="register_prefix_list_1"
                            role="option"
                          >
                            87
                          </div>
                        </div>
                        <div
                          class="rc-virtual-list"
                          style="position:relative"
                        >
                          <div
                            class="rc-virtual-list-holder"
                            style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                          >
                            <div>
                              <div
                                class="rc-virtual-list-holder-inner"
                                style="display:flex;flex-direction:column"
                              >
                                <div
                                  aria-selected="true"
                                  class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
                                  title="+86"
                                >
                                  <div
                                    class="ant-select-item-option-content"
                                  >
                                    +86
                                  </div>
                                  <span
                                    aria-hidden="true"
                                    class="ant-select-item-option-state"
                                    style="user-select:none;-webkit-user-select:none"
                                    unselectable="on"
                                  />
                                </div>
                                <div
                                  aria-selected="false"
                                  class="ant-select-item ant-select-item-option"
                                  title="+87"
                                >
                                  <div
                                    class="ant-select-item-option-content"
                                  >
                                    +87
                                  </div>
                                  <span
                                    aria-hidden="true"
                                    class="ant-select-item-option-state"
                                    style="user-select:none;-webkit-user-select:none"
                                    unselectable="on"
                                  />
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-arrow"
                    style="user-select:none;-webkit-user-select:none"
                    unselectable="on"
                  >
                    <span
                      aria-label="down"
                      class="anticon anticon-down ant-select-suffix"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="down"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <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"
                        />
                      </svg>
                    </span>
                  </span>
                </div>
              </span>
              <input
                class="ant-input"
                id="register_phone"
                type="text"
                value=""
              />
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="register_donation"
        title="Donation"
      >
        Donation
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-input-number-group-wrapper"
            style="width:100%"
          >
            <div
              class="ant-input-number-wrapper ant-input-number-group"
            >
              <div
                class="ant-input-number"
              >
                <div
                  class="ant-input-number-handler-wrap"
                >
                  <span
                    aria-disabled="false"
                    aria-label="Increase Value"
                    class="ant-input-number-handler ant-input-number-handler-up"
                    role="button"
                    unselectable="on"
                  >
                    <span
                      aria-label="up"
                      class="anticon anticon-up ant-input-number-handler-up-inner"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="up"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <path
                          d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
                        />
                      </svg>
                    </span>
                  </span>
                  <span
                    aria-disabled="false"
                    aria-label="Decrease Value"
                    class="ant-input-number-handler ant-input-number-handler-down"
                    role="button"
                    unselectable="on"
                  >
                    <span
                      aria-label="down"
                      class="anticon anticon-down ant-input-number-handler-down-inner"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="down"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <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"
                        />
                      </svg>
                    </span>
                  </span>
                </div>
                <div
                  class="ant-input-number-input-wrap"
                >
                  <input
                    autocomplete="off"
                    class="ant-input-number-input"
                    id="register_donation"
                    role="spinbutton"
                    step="1"
                    value=""
                  />
                </div>
              </div>
              <div
                class="ant-input-number-group-addon"
              >
                <div
                  class="ant-select ant-select-single ant-select-show-arrow"
                  style="width:70px"
                >
                  <div
                    class="ant-select-selector"
                  >
                    <span
                      class="ant-select-selection-search"
                    >
                      <input
                        aria-activedescendant="register_suffix_list_0"
                        aria-autocomplete="list"
                        aria-controls="register_suffix_list"
                        aria-haspopup="listbox"
                        aria-owns="register_suffix_list"
                        autocomplete="off"
                        class="ant-select-selection-search-input"
                        id="register_suffix"
                        readonly=""
                        role="combobox"
                        style="opacity:0"
                        type="search"
                        unselectable="on"
                        value=""
                      />
                    </span>
                    <span
                      class="ant-select-selection-placeholder"
                    />
                  </div>
                  <div>
                    <div
                      class="ant-select-dropdown"
                      style="opacity:0;pointer-events:none"
                    >
                      <div>
                        <div
                          id="register_suffix_list"
                          role="listbox"
                          style="height:0;width:0;overflow:hidden"
                        >
                          <div
                            aria-label="$"
                            aria-selected="false"
                            id="register_suffix_list_0"
                            role="option"
                          >
                            USD
                          </div>
                          <div
                            aria-label="¥"
                            aria-selected="false"
                            id="register_suffix_list_1"
                            role="option"
                          >
                            CNY
                          </div>
                        </div>
                        <div
                          class="rc-virtual-list"
                          style="position:relative"
                        >
                          <div
                            class="rc-virtual-list-holder"
                            style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                          >
                            <div>
                              <div
                                class="rc-virtual-list-holder-inner"
                                style="display:flex;flex-direction:column"
                              >
                                <div
                                  aria-selected="false"
                                  class="ant-select-item ant-select-item-option ant-select-item-option-active"
                                  title="$"
                                >
                                  <div
                                    class="ant-select-item-option-content"
                                  >
                                    $
                                  </div>
                                  <span
                                    aria-hidden="true"
                                    class="ant-select-item-option-state"
                                    style="user-select:none;-webkit-user-select:none"
                                    unselectable="on"
                                  />
                                </div>
                                <div
                                  aria-selected="false"
                                  class="ant-select-item ant-select-item-option"
                                  title="¥"
                                >
                                  <div
                                    class="ant-select-item-option-content"
                                  >
                                    ¥
                                  </div>
                                  <span
                                    aria-hidden="true"
                                    class="ant-select-item-option-state"
                                    style="user-select:none;-webkit-user-select:none"
                                    unselectable="on"
                                  />
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-arrow"
                    style="user-select:none;-webkit-user-select:none"
                    unselectable="on"
                  >
                    <span
                      aria-label="down"
                      class="anticon anticon-down ant-select-suffix"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="down"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <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"
                        />
                      </svg>
                    </span>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="register_website"
        title="Website"
      >
        Website
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-select-auto-complete ant-select-single ant-select-customize-input ant-select-show-search"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="register_website_list_0"
                  aria-autocomplete="list"
                  aria-controls="register_website_list"
                  aria-haspopup="listbox"
                  aria-owns="register_website_list"
                  autocomplete="off"
                  class="ant-input ant-select-selection-search-input"
                  id="register_website"
                  role="combobox"
                  type="search"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              >
                website
              </span>
            </div>
            <div>
              <div
                class="ant-select-dropdown ant-select-dropdown-empty"
                style="opacity:0;pointer-events:none"
              >
                <div>
                  <div
                    class="ant-select-item-empty"
                    id="register_website_list"
                    role="listbox"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="register_intro"
        title="Intro"
      >
        Intro
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-input-textarea ant-input-textarea-show-count"
            data-count="0 / 100"
          >
            <textarea
              class="ant-input"
              id="register_intro"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="register_gender"
        title="Gender"
      >
        Gender
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="register_gender_list_0"
                  aria-autocomplete="list"
                  aria-controls="register_gender_list"
                  aria-haspopup="listbox"
                  aria-owns="register_gender_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  id="register_gender"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              >
                select your gender
              </span>
            </div>
            <div>
              <div
                class="ant-select-dropdown"
                style="opacity:0;pointer-events:none"
              >
                <div>
                  <div
                    id="register_gender_list"
                    role="listbox"
                    style="height:0;width:0;overflow:hidden"
                  >
                    <div
                      aria-label="Male"
                      aria-selected="false"
                      id="register_gender_list_0"
                      role="option"
                    >
                      male
                    </div>
                    <div
                      aria-label="Female"
                      aria-selected="false"
                      id="register_gender_list_1"
                      role="option"
                    >
                      female
                    </div>
                  </div>
                  <div
                    class="rc-virtual-list"
                    style="position:relative"
                  >
                    <div
                      class="rc-virtual-list-holder"
                      style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                    >
                      <div>
                        <div
                          class="rc-virtual-list-holder-inner"
                          style="display:flex;flex-direction:column"
                        >
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option ant-select-item-option-active"
                            title="Male"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Male
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="Female"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Female
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="Other"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Other
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class=""
        title="Captcha"
      >
        Captcha
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-row"
            style="margin-left:-4px;margin-right:-4px"
          >
            <div
              class="ant-col ant-col-12"
              style="padding-left:4px;padding-right:4px"
            >
              <input
                class="ant-input"
                id="register_captcha"
                type="text"
                value=""
              />
            </div>
            <div
              class="ant-col ant-col-12"
              style="padding-left:4px;padding-right:4px"
            >
              <button
                class="ant-btn ant-btn-default"
                type="button"
              >
                <span>
                  Get captcha
                </span>
              </button>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item-extra"
      >
        We must make sure that your are a human.
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <label
            class="ant-checkbox-wrapper"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                id="register_agreement"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
            <span>
              I have read the 
              <a
                href=""
              >
                agreement
              </a>
            </span>
          </label>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Register
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/required-mark.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-vertical"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class="ant-form-item-required-mark-optional"
        for="requiredMarkValue"
        title="Required Mark"
      >
        Required Mark
        <span
          class="ant-form-item-optional"
          title=""
        >
          (optional)
        </span>
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-radio-group ant-radio-group-outline"
            id="requiredMarkValue"
          >
            <label
              class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
            >
              <span
                class="ant-radio-button ant-radio-button-checked"
              >
                <input
                  checked=""
                  class="ant-radio-button-input"
                  type="radio"
                  value="optional"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                Optional
              </span>
            </label>
            <label
              class="ant-radio-button-wrapper"
            >
              <span
                class="ant-radio-button"
              >
                <input
                  class="ant-radio-button-input"
                  type="radio"
                  value="true"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                Required
              </span>
            </label>
            <label
              class="ant-radio-button-wrapper"
            >
              <span
                class="ant-radio-button"
              >
                <input
                  class="ant-radio-button-input"
                  type="radio"
                  value="false"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                Hidden
              </span>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class="ant-form-item-required ant-form-item-required-mark-optional"
        title="Field A"
      >
        Field A
        <span
          aria-label="question-circle"
          class="anticon anticon-question-circle ant-form-item-tooltip"
          role="img"
          title=""
        >
          <svg
            aria-hidden="true"
            data-icon="question-circle"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
            />
            <path
              d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"
            />
          </svg>
        </span>
        <div>
          <div
            class="ant-tooltip"
            style="opacity:0;pointer-events:none"
          >
            <div
              class="ant-tooltip-content"
            >
              <div
                class="ant-tooltip-arrow"
              >
                <span
                  class="ant-tooltip-arrow-content"
                />
              </div>
              <div
                class="ant-tooltip-inner"
                role="tooltip"
              >
                This is a required field
              </div>
            </div>
          </div>
        </div>
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            placeholder="input placeholder"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class="ant-form-item-required-mark-optional"
        title="Field B"
      >
        Field B
        <span
          aria-label="info-circle"
          class="anticon anticon-info-circle ant-form-item-tooltip"
          role="img"
          title=""
        >
          <svg
            aria-hidden="true"
            data-icon="info-circle"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
            />
            <path
              d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"
            />
          </svg>
        </span>
        <div>
          <div
            class="ant-tooltip"
            style="opacity:0;pointer-events:none"
          >
            <div
              class="ant-tooltip-content"
            >
              <div
                class="ant-tooltip-arrow"
              >
                <span
                  class="ant-tooltip-arrow-content"
                />
              </div>
              <div
                class="ant-tooltip-inner"
                role="tooltip"
              >
                Tooltip with customize icon
              </div>
            </div>
          </div>
        </div>
        <span
          class="ant-form-item-optional"
          title=""
        >
          (optional)
        </span>
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            placeholder="input placeholder"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="button"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal ant-form-default"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        for="size"
        title="Form Size"
      >
        Form Size
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-radio-group ant-radio-group-outline ant-radio-group-default"
            id="size"
          >
            <label
              class="ant-radio-button-wrapper"
            >
              <span
                class="ant-radio-button"
              >
                <input
                  class="ant-radio-button-input"
                  type="radio"
                  value="small"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                Small
              </span>
            </label>
            <label
              class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
            >
              <span
                class="ant-radio-button ant-radio-button-checked"
              >
                <input
                  checked=""
                  class="ant-radio-button-input"
                  type="radio"
                  value="default"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                Default
              </span>
            </label>
            <label
              class="ant-radio-button-wrapper"
            >
              <span
                class="ant-radio-button"
              >
                <input
                  class="ant-radio-button-input"
                  type="radio"
                  value="large"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                Large
              </span>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        title="Input"
      >
        Input
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        title="Select"
      >
        Select
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="undefined_list_0"
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-haspopup="listbox"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              />
            </div>
            <div>
              <div
                class="ant-select-dropdown"
                style="opacity:0;pointer-events:none"
              >
                <div>
                  <div
                    id="undefined_list"
                    role="listbox"
                    style="height:0;width:0;overflow:hidden"
                  >
                    <div
                      aria-label="Demo"
                      aria-selected="false"
                      id="undefined_list_0"
                      role="option"
                    >
                      demo
                    </div>
                  </div>
                  <div
                    class="rc-virtual-list"
                    style="position:relative"
                  >
                    <div
                      class="rc-virtual-list-holder"
                      style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                    >
                      <div>
                        <div
                          class="rc-virtual-list-holder-inner"
                          style="display:flex;flex-direction:column"
                        >
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option ant-select-item-option-active"
                            title="Demo"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Demo
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        title="TreeSelect"
      >
        TreeSelect
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-haspopup="listbox"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              />
            </div>
            <div>
              <div
                class="ant-select-dropdown ant-tree-select-dropdown"
                style="opacity:0;pointer-events:none"
              >
                <div>
                  <div>
                    <div
                      class="ant-select-tree"
                      role="tree"
                    >
                      <div>
                        <input
                          aria-label="for screen reader"
                          disabled=""
                          style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
                          value=""
                        />
                      </div>
                      <div
                        aria-hidden="true"
                        class="ant-select-tree-treenode"
                        style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
                      >
                        <div
                          class="ant-select-tree-indent"
                        >
                          <div
                            class="ant-select-tree-indent-unit"
                          />
                        </div>
                      </div>
                      <div
                        class="ant-select-tree-list"
                        style="position:relative"
                      >
                        <div
                          class="ant-select-tree-list-holder"
                          style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                        >
                          <div>
                            <div
                              class="ant-select-tree-list-holder-inner"
                              style="display:flex;flex-direction:column"
                            >
                              <div
                                aria-grabbed="false"
                                class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close ant-select-tree-treenode-leaf-last"
                                draggable="false"
                              >
                                <span
                                  aria-hidden="true"
                                  class="ant-select-tree-indent"
                                />
                                <span
                                  class="ant-select-tree-switcher ant-select-tree-switcher_close"
                                >
                                  <span
                                    aria-label="caret-down"
                                    class="anticon anticon-caret-down ant-select-tree-switcher-icon"
                                    role="img"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      data-icon="caret-down"
                                      fill="currentColor"
                                      focusable="false"
                                      height="1em"
                                      viewBox="0 0 1024 1024"
                                      width="1em"
                                    >
                                      <path
                                        d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                      />
                                    </svg>
                                  </span>
                                </span>
                                <span
                                  class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
                                  title="Light"
                                >
                                  <span
                                    class="ant-select-tree-title"
                                  >
                                    Light
                                  </span>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        title="Cascader"
      >
        Cascader
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-cascader ant-select-single ant-select-allow-clear ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-haspopup="listbox"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              />
            </div>
            <div>
              <div
                class="ant-select-dropdown ant-cascader-dropdown"
                style="opacity:0;pointer-events:none;min-width:auto"
              >
                <div>
                  <div
                    class="ant-cascader-menus"
                  >
                    <ul
                      class="ant-cascader-menu"
                      role="menu"
                    >
                      <li
                        aria-checked="false"
                        class="ant-cascader-menu-item ant-cascader-menu-item-expand"
                        data-path-key="zhejiang"
                        role="menuitemcheckbox"
                        title="Zhejiang"
                      >
                        <div
                          class="ant-cascader-menu-item-content"
                        >
                          Zhejiang
                        </div>
                        <div
                          class="ant-cascader-menu-item-expand-icon"
                        >
                          <span
                            aria-label="right"
                            class="anticon anticon-right"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="right"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                              />
                            </svg>
                          </span>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        title="DatePicker"
      >
        DatePicker
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-picker ant-picker-default"
          >
            <div
              class="ant-picker-input"
            >
              <input
                autocomplete="off"
                placeholder="Select date"
                readonly=""
                size="12"
                title=""
                value=""
              />
              <span
                class="ant-picker-suffix"
              >
                <span
                  aria-label="calendar"
                  class="anticon anticon-calendar"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="calendar"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                    />
                  </svg>
                </span>
              </span>
            </div>
          </div>
          <div>
            <div
              class="ant-picker-dropdown"
              style="opacity:0;pointer-events:none"
            >
              <div
                class="ant-picker-panel-container"
              >
                <div
                  class="ant-picker-panel ant-picker-panel-focused"
                  tabindex="-1"
                >
                  <div
                    class="ant-picker-date-panel"
                  >
                    <div
                      class="ant-picker-header"
                    >
                      <button
                        class="ant-picker-header-super-prev-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-super-prev-icon"
                        />
                      </button>
                      <button
                        class="ant-picker-header-prev-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-prev-icon"
                        />
                      </button>
                      <div
                        class="ant-picker-header-view"
                      >
                        <button
                          class="ant-picker-month-btn"
                          tabindex="-1"
                          type="button"
                        >
                          Nov
                        </button>
                        <button
                          class="ant-picker-year-btn"
                          tabindex="-1"
                          type="button"
                        >
                          2016
                        </button>
                      </div>
                      <button
                        class="ant-picker-header-next-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-next-icon"
                        />
                      </button>
                      <button
                        class="ant-picker-header-super-next-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-super-next-icon"
                        />
                      </button>
                    </div>
                    <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
                              class="ant-picker-cell"
                              title="2016-10-30"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                30
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-end"
                              title="2016-10-31"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                31
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
                              title="2016-11-01"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                1
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-02"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                2
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-03"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                3
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-04"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                4
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-05"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                5
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-06"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                6
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-07"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                7
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-08"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                8
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-09"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                9
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-10"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                10
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-11"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                11
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-12"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                12
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-13"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                13
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-14"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                14
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-15"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                15
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-16"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                16
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-17"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                17
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-18"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                18
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-19"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                19
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-20"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                20
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-21"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                21
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today"
                              title="2016-11-22"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                22
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-23"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                23
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-24"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                24
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-25"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                25
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-26"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                26
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-27"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                27
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-28"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                28
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-29"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                29
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
                              title="2016-11-30"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                30
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-start"
                              title="2016-12-01"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                1
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-02"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                2
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-03"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                3
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-04"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                4
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-05"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                5
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-06"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                6
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-07"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                7
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-08"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                8
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-09"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                9
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-10"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                10
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                  <div
                    class="ant-picker-footer"
                  >
                    <a
                      class="ant-picker-today-btn"
                    >
                      Today
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        title="InputNumber"
      >
        InputNumber
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-input-number"
          >
            <div
              class="ant-input-number-handler-wrap"
            >
              <span
                aria-disabled="false"
                aria-label="Increase Value"
                class="ant-input-number-handler ant-input-number-handler-up"
                role="button"
                unselectable="on"
              >
                <span
                  aria-label="up"
                  class="anticon anticon-up ant-input-number-handler-up-inner"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="up"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
                    />
                  </svg>
                </span>
              </span>
              <span
                aria-disabled="false"
                aria-label="Decrease Value"
                class="ant-input-number-handler ant-input-number-handler-down"
                role="button"
                unselectable="on"
              >
                <span
                  aria-label="down"
                  class="anticon anticon-down ant-input-number-handler-down-inner"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="down"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <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"
                    />
                  </svg>
                </span>
              </span>
            </div>
            <div
              class="ant-input-number-input-wrap"
            >
              <input
                autocomplete="off"
                class="ant-input-number-input"
                role="spinbutton"
                step="1"
                value=""
              />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        title="Switch"
      >
        Switch
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            aria-checked="false"
            class="ant-switch"
            role="switch"
            type="button"
          >
            <div
              class="ant-switch-handle"
            />
            <span
              class="ant-switch-inner"
            />
          </button>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-4 ant-form-item-label"
    >
      <label
        class=""
        title="Button"
      >
        Button
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-default"
            type="button"
          >
            <span>
              Button
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/time-related-controls.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="time_related_controls"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="time_related_controls_date-picker"
        title="DatePicker"
      >
        DatePicker
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-picker"
          >
            <div
              class="ant-picker-input"
            >
              <input
                autocomplete="off"
                id="time_related_controls_date-picker"
                placeholder="Select date"
                readonly=""
                size="12"
                title=""
                value=""
              />
              <span
                class="ant-picker-suffix"
              >
                <span
                  aria-label="calendar"
                  class="anticon anticon-calendar"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="calendar"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                    />
                  </svg>
                </span>
              </span>
            </div>
          </div>
          <div>
            <div
              class="ant-picker-dropdown"
              style="opacity:0;pointer-events:none"
            >
              <div
                class="ant-picker-panel-container"
              >
                <div
                  class="ant-picker-panel ant-picker-panel-focused"
                  tabindex="-1"
                >
                  <div
                    class="ant-picker-date-panel"
                  >
                    <div
                      class="ant-picker-header"
                    >
                      <button
                        class="ant-picker-header-super-prev-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-super-prev-icon"
                        />
                      </button>
                      <button
                        class="ant-picker-header-prev-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-prev-icon"
                        />
                      </button>
                      <div
                        class="ant-picker-header-view"
                      >
                        <button
                          class="ant-picker-month-btn"
                          tabindex="-1"
                          type="button"
                        >
                          Nov
                        </button>
                        <button
                          class="ant-picker-year-btn"
                          tabindex="-1"
                          type="button"
                        >
                          2016
                        </button>
                      </div>
                      <button
                        class="ant-picker-header-next-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-next-icon"
                        />
                      </button>
                      <button
                        class="ant-picker-header-super-next-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-super-next-icon"
                        />
                      </button>
                    </div>
                    <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
                              class="ant-picker-cell"
                              title="2016-10-30"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                30
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-end"
                              title="2016-10-31"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                31
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
                              title="2016-11-01"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                1
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-02"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                2
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-03"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                3
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-04"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                4
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-05"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                5
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-06"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                6
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-07"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                7
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-08"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                8
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-09"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                9
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-10"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                10
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-11"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                11
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-12"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                12
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-13"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                13
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-14"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                14
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-15"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                15
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-16"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                16
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-17"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                17
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-18"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                18
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-19"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                19
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-20"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                20
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-21"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                21
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today"
                              title="2016-11-22"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                22
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-23"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                23
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-24"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                24
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-25"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                25
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-26"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                26
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-27"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                27
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-28"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                28
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-29"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                29
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
                              title="2016-11-30"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                30
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-start"
                              title="2016-12-01"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                1
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-02"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                2
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-03"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                3
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-04"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                4
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-05"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                5
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-06"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                6
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-07"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                7
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-08"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                8
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-09"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                9
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-10"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                10
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                  <div
                    class="ant-picker-footer"
                  >
                    <a
                      class="ant-picker-today-btn"
                    >
                      Today
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="time_related_controls_date-time-picker"
        title="DatePicker[showTime]"
      >
        DatePicker[showTime]
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-picker"
          >
            <div
              class="ant-picker-input"
            >
              <input
                autocomplete="off"
                id="time_related_controls_date-time-picker"
                placeholder="Select date"
                readonly=""
                size="21"
                title=""
                value=""
              />
              <span
                class="ant-picker-suffix"
              >
                <span
                  aria-label="calendar"
                  class="anticon anticon-calendar"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="calendar"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                    />
                  </svg>
                </span>
              </span>
            </div>
          </div>
          <div>
            <div
              class="ant-picker-dropdown"
              style="opacity:0;pointer-events:none"
            >
              <div
                class="ant-picker-panel-container"
              >
                <div
                  class="ant-picker-panel ant-picker-panel-focused"
                  tabindex="-1"
                >
                  <div
                    class="ant-picker-datetime-panel"
                  >
                    <div
                      class="ant-picker-date-panel"
                    >
                      <div
                        class="ant-picker-header"
                      >
                        <button
                          class="ant-picker-header-super-prev-btn"
                          tabindex="-1"
                          type="button"
                        >
                          <span
                            class="ant-picker-super-prev-icon"
                          />
                        </button>
                        <button
                          class="ant-picker-header-prev-btn"
                          tabindex="-1"
                          type="button"
                        >
                          <span
                            class="ant-picker-prev-icon"
                          />
                        </button>
                        <div
                          class="ant-picker-header-view"
                        >
                          <button
                            class="ant-picker-month-btn"
                            tabindex="-1"
                            type="button"
                          >
                            Nov
                          </button>
                          <button
                            class="ant-picker-year-btn"
                            tabindex="-1"
                            type="button"
                          >
                            2016
                          </button>
                        </div>
                        <button
                          class="ant-picker-header-next-btn"
                          tabindex="-1"
                          type="button"
                        >
                          <span
                            class="ant-picker-next-icon"
                          />
                        </button>
                        <button
                          class="ant-picker-header-super-next-btn"
                          tabindex="-1"
                          type="button"
                        >
                          <span
                            class="ant-picker-super-next-icon"
                          />
                        </button>
                      </div>
                      <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
                                class="ant-picker-cell"
                                title="2016-10-30"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  30
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-end"
                                title="2016-10-31"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  31
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
                                title="2016-11-01"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  1
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-02"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  2
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-03"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  3
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-04"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  4
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-05"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  5
                                </div>
                              </td>
                            </tr>
                            <tr>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-06"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  6
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-07"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  7
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-08"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  8
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-09"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  9
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-10"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  10
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-11"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  11
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-12"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  12
                                </div>
                              </td>
                            </tr>
                            <tr>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-13"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  13
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-14"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  14
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-15"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  15
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-16"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  16
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-17"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  17
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-18"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  18
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-19"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  19
                                </div>
                              </td>
                            </tr>
                            <tr>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-20"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  20
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-21"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  21
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today"
                                title="2016-11-22"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  22
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-23"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  23
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-24"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  24
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-25"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  25
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-26"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  26
                                </div>
                              </td>
                            </tr>
                            <tr>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-27"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  27
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-28"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  28
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-in-view"
                                title="2016-11-29"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  29
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
                                title="2016-11-30"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  30
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell ant-picker-cell-start"
                                title="2016-12-01"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  1
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell"
                                title="2016-12-02"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  2
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell"
                                title="2016-12-03"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  3
                                </div>
                              </td>
                            </tr>
                            <tr>
                              <td
                                class="ant-picker-cell"
                                title="2016-12-04"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  4
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell"
                                title="2016-12-05"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  5
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell"
                                title="2016-12-06"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  6
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell"
                                title="2016-12-07"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  7
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell"
                                title="2016-12-08"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  8
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell"
                                title="2016-12-09"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  9
                                </div>
                              </td>
                              <td
                                class="ant-picker-cell"
                                title="2016-12-10"
                              >
                                <div
                                  class="ant-picker-cell-inner"
                                >
                                  10
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                    </div>
                    <div
                      class="ant-picker-time-panel"
                    >
                      <div
                        class="ant-picker-header"
                      >
                        <div
                          class="ant-picker-header-view"
                        >
                           
                        </div>
                      </div>
                      <div
                        class="ant-picker-content"
                      >
                        <ul
                          class="ant-picker-time-panel-column"
                          style="position:relative"
                        >
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              00
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              01
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              02
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              03
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              04
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              05
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              06
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              07
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              08
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              09
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              10
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              11
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              12
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              13
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              14
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              15
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              16
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              17
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              18
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              19
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              20
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              21
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              22
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              23
                            </div>
                          </li>
                        </ul>
                        <ul
                          class="ant-picker-time-panel-column"
                          style="position:relative"
                        >
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              00
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              01
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              02
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              03
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              04
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              05
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              06
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              07
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              08
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              09
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              10
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              11
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              12
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              13
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              14
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              15
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              16
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              17
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              18
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              19
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              20
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              21
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              22
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              23
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              24
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              25
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              26
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              27
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              28
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              29
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              30
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              31
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              32
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              33
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              34
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              35
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              36
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              37
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              38
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              39
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              40
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              41
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              42
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              43
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              44
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              45
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              46
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              47
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              48
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              49
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              50
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              51
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              52
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              53
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              54
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              55
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              56
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              57
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              58
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              59
                            </div>
                          </li>
                        </ul>
                        <ul
                          class="ant-picker-time-panel-column"
                          style="position:relative"
                        >
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              00
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              01
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              02
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              03
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              04
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              05
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              06
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              07
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              08
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              09
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              10
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              11
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              12
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              13
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              14
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              15
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              16
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              17
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              18
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              19
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              20
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              21
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              22
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              23
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              24
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              25
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              26
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              27
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              28
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              29
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              30
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              31
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              32
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              33
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              34
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              35
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              36
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              37
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              38
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              39
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              40
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              41
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              42
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              43
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              44
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              45
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              46
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              47
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              48
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              49
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              50
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              51
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              52
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              53
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              54
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              55
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              56
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              57
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              58
                            </div>
                          </li>
                          <li
                            class="ant-picker-time-panel-cell"
                          >
                            <div
                              class="ant-picker-time-panel-cell-inner"
                            >
                              59
                            </div>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <div
                    class="ant-picker-footer"
                  >
                    <ul
                      class="ant-picker-ranges"
                    >
                      <li
                        class="ant-picker-now"
                      >
                        <a
                          class="ant-picker-now-btn"
                        >
                          Now
                        </a>
                      </li>
                      <li
                        class="ant-picker-ok"
                      >
                        <button
                          class="ant-btn ant-btn-primary ant-btn-sm"
                          disabled=""
                          type="button"
                        >
                          <span>
                            Ok
                          </span>
                        </button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="time_related_controls_month-picker"
        title="MonthPicker"
      >
        MonthPicker
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-picker"
          >
            <div
              class="ant-picker-input"
            >
              <input
                autocomplete="off"
                id="time_related_controls_month-picker"
                placeholder="Select month"
                readonly=""
                size="12"
                title=""
                value=""
              />
              <span
                class="ant-picker-suffix"
              >
                <span
                  aria-label="calendar"
                  class="anticon anticon-calendar"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="calendar"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                    />
                  </svg>
                </span>
              </span>
            </div>
          </div>
          <div>
            <div
              class="ant-picker-dropdown"
              style="opacity:0;pointer-events:none"
            >
              <div
                class="ant-picker-panel-container"
              >
                <div
                  class="ant-picker-panel ant-picker-panel-focused"
                  tabindex="-1"
                >
                  <div
                    class="ant-picker-month-panel"
                  >
                    <div
                      class="ant-picker-header"
                    >
                      <button
                        class="ant-picker-header-super-prev-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-super-prev-icon"
                        />
                      </button>
                      <div
                        class="ant-picker-header-view"
                      >
                        <button
                          class="ant-picker-year-btn"
                          type="button"
                        >
                          2016
                        </button>
                      </div>
                      <button
                        class="ant-picker-header-super-next-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-super-next-icon"
                        />
                      </button>
                    </div>
                    <div
                      class="ant-picker-body"
                    >
                      <table
                        class="ant-picker-content"
                      >
                        <tbody>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-01"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                Jan
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-02"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                Feb
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-03"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                Mar
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-04"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                Apr
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-05"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                May
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-06"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                Jun
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-07"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                Jul
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-08"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                Aug
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-09"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                Sep
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-10"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                Oct
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                Nov
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-12"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                Dec
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="time_related_controls_range-picker"
        title="RangePicker"
      >
        RangePicker
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-picker ant-picker-range"
          >
            <div
              class="ant-picker-input ant-picker-input-active"
            >
              <input
                autocomplete="off"
                id="time_related_controls_range-picker"
                placeholder="Start date"
                readonly=""
                size="12"
                value=""
              />
            </div>
            <div
              class="ant-picker-range-separator"
            >
              <span
                aria-label="to"
                class="ant-picker-separator"
              >
                <span
                  aria-label="swap-right"
                  class="anticon anticon-swap-right"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="swap-right"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="0 0 1024 1024"
                    width="1em"
                  >
                    <path
                      d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
                    />
                  </svg>
                </span>
              </span>
            </div>
            <div
              class="ant-picker-input"
            >
              <input
                autocomplete="off"
                placeholder="End date"
                readonly=""
                size="12"
                value=""
              />
            </div>
            <div
              class="ant-picker-active-bar"
              style="left:0;width:0;position:absolute"
            />
            <span
              class="ant-picker-suffix"
            >
              <span
                aria-label="calendar"
                class="anticon anticon-calendar"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="calendar"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                  />
                </svg>
              </span>
            </span>
          </div>
          <div>
            <div
              class="ant-picker-dropdown ant-picker-dropdown-range"
              style="opacity:0;pointer-events:none"
            >
              <div
                class="ant-picker-range-wrapper ant-picker-date-range-wrapper"
                style="min-width:0"
              >
                <div
                  class="ant-picker-range-arrow"
                  style="left:0"
                />
                <div
                  class="ant-picker-panel-container"
                  style="margin-left:0"
                >
                  <div
                    class="ant-picker-panels"
                  >
                    <div
                      class="ant-picker-panel ant-picker-panel-focused"
                      tabindex="-1"
                    >
                      <div
                        class="ant-picker-date-panel"
                      >
                        <div
                          class="ant-picker-header"
                        >
                          <button
                            class="ant-picker-header-super-prev-btn"
                            tabindex="-1"
                            type="button"
                          >
                            <span
                              class="ant-picker-super-prev-icon"
                            />
                          </button>
                          <button
                            class="ant-picker-header-prev-btn"
                            tabindex="-1"
                            type="button"
                          >
                            <span
                              class="ant-picker-prev-icon"
                            />
                          </button>
                          <div
                            class="ant-picker-header-view"
                          >
                            <button
                              class="ant-picker-month-btn"
                              tabindex="-1"
                              type="button"
                            >
                              Nov
                            </button>
                            <button
                              class="ant-picker-year-btn"
                              tabindex="-1"
                              type="button"
                            >
                              2016
                            </button>
                          </div>
                          <button
                            class="ant-picker-header-next-btn"
                            style="visibility:hidden"
                            tabindex="-1"
                            type="button"
                          >
                            <span
                              class="ant-picker-next-icon"
                            />
                          </button>
                          <button
                            class="ant-picker-header-super-next-btn"
                            style="visibility:hidden"
                            tabindex="-1"
                            type="button"
                          >
                            <span
                              class="ant-picker-super-next-icon"
                            />
                          </button>
                        </div>
                        <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
                                  class="ant-picker-cell"
                                  title="2016-10-30"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    30
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-end"
                                  title="2016-10-31"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    31
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
                                  title="2016-11-01"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    1
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-02"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    2
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-03"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    3
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-04"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    4
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-05"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    5
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-06"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    6
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-07"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    7
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-08"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    8
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-09"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    9
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-10"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    10
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-11"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    11
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-12"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    12
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-13"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    13
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-14"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    14
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-15"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    15
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-16"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    16
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-17"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    17
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-18"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    18
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-19"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    19
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-20"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    20
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-21"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    21
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today"
                                  title="2016-11-22"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    22
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-23"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    23
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-24"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    24
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-25"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    25
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-26"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    26
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-27"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    27
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-28"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    28
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-11-29"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    29
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
                                  title="2016-11-30"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    30
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-start"
                                  title="2016-12-01"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    1
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2016-12-02"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    2
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2016-12-03"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    3
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td
                                  class="ant-picker-cell"
                                  title="2016-12-04"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    4
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2016-12-05"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    5
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2016-12-06"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    6
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2016-12-07"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    7
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2016-12-08"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    8
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2016-12-09"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    9
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2016-12-10"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    10
                                  </div>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-picker-panel ant-picker-panel-focused"
                      tabindex="-1"
                    >
                      <div
                        class="ant-picker-date-panel"
                      >
                        <div
                          class="ant-picker-header"
                        >
                          <button
                            class="ant-picker-header-super-prev-btn"
                            style="visibility:hidden"
                            tabindex="-1"
                            type="button"
                          >
                            <span
                              class="ant-picker-super-prev-icon"
                            />
                          </button>
                          <button
                            class="ant-picker-header-prev-btn"
                            style="visibility:hidden"
                            tabindex="-1"
                            type="button"
                          >
                            <span
                              class="ant-picker-prev-icon"
                            />
                          </button>
                          <div
                            class="ant-picker-header-view"
                          >
                            <button
                              class="ant-picker-month-btn"
                              tabindex="-1"
                              type="button"
                            >
                              Dec
                            </button>
                            <button
                              class="ant-picker-year-btn"
                              tabindex="-1"
                              type="button"
                            >
                              2016
                            </button>
                          </div>
                          <button
                            class="ant-picker-header-next-btn"
                            tabindex="-1"
                            type="button"
                          >
                            <span
                              class="ant-picker-next-icon"
                            />
                          </button>
                          <button
                            class="ant-picker-header-super-next-btn"
                            tabindex="-1"
                            type="button"
                          >
                            <span
                              class="ant-picker-super-next-icon"
                            />
                          </button>
                        </div>
                        <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
                                  class="ant-picker-cell"
                                  title="2016-11-27"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    27
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2016-11-28"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    28
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2016-11-29"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    29
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-end"
                                  title="2016-11-30"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    30
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
                                  title="2016-12-01"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    1
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-02"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    2
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-03"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    3
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-04"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    4
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-05"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    5
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-06"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    6
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-07"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    7
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-08"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    8
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-09"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    9
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-10"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    10
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-11"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    11
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-12"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    12
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-13"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    13
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-14"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    14
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-15"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    15
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-16"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    16
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-17"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    17
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-18"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    18
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-19"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    19
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-20"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    20
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-21"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    21
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-22"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    22
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-23"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    23
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-24"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    24
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-25"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    25
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-26"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    26
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-27"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    27
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-28"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    28
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-29"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    29
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-in-view"
                                  title="2016-12-30"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    30
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
                                  title="2016-12-31"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    31
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td
                                  class="ant-picker-cell ant-picker-cell-start"
                                  title="2017-01-01"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    1
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2017-01-02"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    2
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2017-01-03"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    3
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2017-01-04"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    4
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2017-01-05"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    5
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2017-01-06"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    6
                                  </div>
                                </td>
                                <td
                                  class="ant-picker-cell"
                                  title="2017-01-07"
                                >
                                  <div
                                    class="ant-picker-cell-inner"
                                  >
                                    7
                                  </div>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="time_related_controls_range-time-picker"
        title="RangePicker[showTime]"
      >
        RangePicker[showTime]
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-picker ant-picker-range"
          >
            <div
              class="ant-picker-input ant-picker-input-active"
            >
              <input
                autocomplete="off"
                id="time_related_controls_range-time-picker"
                placeholder="Start date"
                readonly=""
                size="21"
                value=""
              />
            </div>
            <div
              class="ant-picker-range-separator"
            >
              <span
                aria-label="to"
                class="ant-picker-separator"
              >
                <span
                  aria-label="swap-right"
                  class="anticon anticon-swap-right"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="swap-right"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="0 0 1024 1024"
                    width="1em"
                  >
                    <path
                      d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
                    />
                  </svg>
                </span>
              </span>
            </div>
            <div
              class="ant-picker-input"
            >
              <input
                autocomplete="off"
                placeholder="End date"
                readonly=""
                size="21"
                value=""
              />
            </div>
            <div
              class="ant-picker-active-bar"
              style="left:0;width:0;position:absolute"
            />
            <span
              class="ant-picker-suffix"
            >
              <span
                aria-label="calendar"
                class="anticon anticon-calendar"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="calendar"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                  />
                </svg>
              </span>
            </span>
          </div>
          <div>
            <div
              class="ant-picker-dropdown ant-picker-dropdown-range"
              style="opacity:0;pointer-events:none"
            >
              <div
                class="ant-picker-range-wrapper ant-picker-date-range-wrapper"
                style="min-width:0"
              >
                <div
                  class="ant-picker-range-arrow"
                  style="left:0"
                />
                <div
                  class="ant-picker-panel-container"
                  style="margin-left:0"
                >
                  <div
                    class="ant-picker-panels"
                  >
                    <div
                      class="ant-picker-panel ant-picker-panel-focused"
                      tabindex="-1"
                    >
                      <div
                        class="ant-picker-datetime-panel"
                      >
                        <div
                          class="ant-picker-date-panel"
                        >
                          <div
                            class="ant-picker-header"
                          >
                            <button
                              class="ant-picker-header-super-prev-btn"
                              tabindex="-1"
                              type="button"
                            >
                              <span
                                class="ant-picker-super-prev-icon"
                              />
                            </button>
                            <button
                              class="ant-picker-header-prev-btn"
                              tabindex="-1"
                              type="button"
                            >
                              <span
                                class="ant-picker-prev-icon"
                              />
                            </button>
                            <div
                              class="ant-picker-header-view"
                            >
                              <button
                                class="ant-picker-month-btn"
                                tabindex="-1"
                                type="button"
                              >
                                Nov
                              </button>
                              <button
                                class="ant-picker-year-btn"
                                tabindex="-1"
                                type="button"
                              >
                                2016
                              </button>
                            </div>
                            <button
                              class="ant-picker-header-next-btn"
                              tabindex="-1"
                              type="button"
                            >
                              <span
                                class="ant-picker-next-icon"
                              />
                            </button>
                            <button
                              class="ant-picker-header-super-next-btn"
                              tabindex="-1"
                              type="button"
                            >
                              <span
                                class="ant-picker-super-next-icon"
                              />
                            </button>
                          </div>
                          <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
                                    class="ant-picker-cell"
                                    title="2016-10-30"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      30
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-end"
                                    title="2016-10-31"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      31
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
                                    title="2016-11-01"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      1
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-02"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      2
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-03"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      3
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-04"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      4
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-05"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      5
                                    </div>
                                  </td>
                                </tr>
                                <tr>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-06"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      6
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-07"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      7
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-08"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      8
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-09"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      9
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-10"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      10
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-11"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      11
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-12"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      12
                                    </div>
                                  </td>
                                </tr>
                                <tr>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-13"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      13
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-14"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      14
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-15"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      15
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-16"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      16
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-17"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      17
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-18"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      18
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-19"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      19
                                    </div>
                                  </td>
                                </tr>
                                <tr>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-20"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      20
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-21"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      21
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today"
                                    title="2016-11-22"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      22
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-23"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      23
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-24"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      24
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-25"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      25
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-26"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      26
                                    </div>
                                  </td>
                                </tr>
                                <tr>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-27"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      27
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-28"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      28
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-in-view"
                                    title="2016-11-29"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      29
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
                                    title="2016-11-30"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      30
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell ant-picker-cell-start"
                                    title="2016-12-01"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      1
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell"
                                    title="2016-12-02"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      2
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell"
                                    title="2016-12-03"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      3
                                    </div>
                                  </td>
                                </tr>
                                <tr>
                                  <td
                                    class="ant-picker-cell"
                                    title="2016-12-04"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      4
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell"
                                    title="2016-12-05"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      5
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell"
                                    title="2016-12-06"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      6
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell"
                                    title="2016-12-07"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      7
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell"
                                    title="2016-12-08"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      8
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell"
                                    title="2016-12-09"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      9
                                    </div>
                                  </td>
                                  <td
                                    class="ant-picker-cell"
                                    title="2016-12-10"
                                  >
                                    <div
                                      class="ant-picker-cell-inner"
                                    >
                                      10
                                    </div>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </div>
                        </div>
                        <div
                          class="ant-picker-time-panel"
                        >
                          <div
                            class="ant-picker-header"
                          >
                            <div
                              class="ant-picker-header-view"
                            >
                               
                            </div>
                          </div>
                          <div
                            class="ant-picker-content"
                          >
                            <ul
                              class="ant-picker-time-panel-column"
                              style="position:relative"
                            >
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  00
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  01
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  02
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  03
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  04
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  05
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  06
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  07
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  08
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  09
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  10
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  11
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  12
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  13
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  14
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  15
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  16
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  17
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  18
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  19
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  20
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  21
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  22
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  23
                                </div>
                              </li>
                            </ul>
                            <ul
                              class="ant-picker-time-panel-column"
                              style="position:relative"
                            >
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  00
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  01
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  02
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  03
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  04
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  05
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  06
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  07
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  08
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  09
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  10
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  11
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  12
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  13
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  14
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  15
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  16
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  17
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  18
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  19
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  20
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  21
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  22
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  23
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  24
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  25
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  26
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  27
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  28
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  29
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  30
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  31
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  32
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  33
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  34
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  35
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  36
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  37
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  38
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  39
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  40
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  41
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  42
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  43
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  44
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  45
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  46
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  47
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  48
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  49
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  50
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  51
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  52
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  53
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  54
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  55
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  56
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  57
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  58
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  59
                                </div>
                              </li>
                            </ul>
                            <ul
                              class="ant-picker-time-panel-column"
                              style="position:relative"
                            >
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  00
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  01
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  02
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  03
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  04
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  05
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  06
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  07
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  08
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  09
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  10
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  11
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  12
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  13
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  14
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  15
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  16
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  17
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  18
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  19
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  20
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  21
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  22
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  23
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  24
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  25
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  26
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  27
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  28
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  29
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  30
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  31
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  32
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  33
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  34
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  35
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  36
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  37
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  38
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  39
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  40
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  41
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  42
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  43
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  44
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  45
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  46
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  47
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  48
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  49
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  50
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  51
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  52
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  53
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  54
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  55
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  56
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  57
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  58
                                </div>
                              </li>
                              <li
                                class="ant-picker-time-panel-cell"
                              >
                                <div
                                  class="ant-picker-time-panel-cell-inner"
                                >
                                  59
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="ant-picker-footer"
                  >
                    <ul
                      class="ant-picker-ranges"
                    >
                      <li
                        class="ant-picker-ok"
                      >
                        <button
                          class="ant-btn ant-btn-primary ant-btn-sm"
                          disabled=""
                          type="button"
                        >
                          <span>
                            Ok
                          </span>
                        </button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
    >
      <label
        class="ant-form-item-required"
        for="time_related_controls_time-picker"
        title="TimePicker"
      >
        TimePicker
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-picker"
          >
            <div
              class="ant-picker-input"
            >
              <input
                autocomplete="off"
                id="time_related_controls_time-picker"
                placeholder="Select time"
                readonly=""
                size="10"
                title=""
                value=""
              />
              <span
                class="ant-picker-suffix"
              >
                <span
                  aria-label="clock-circle"
                  class="anticon anticon-clock-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="clock-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
                    />
                    <path
                      d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
                    />
                  </svg>
                </span>
              </span>
            </div>
          </div>
          <div>
            <div
              class="ant-picker-dropdown"
              style="opacity:0;pointer-events:none"
            >
              <div
                class="ant-picker-panel-container"
              >
                <div
                  class="ant-picker-panel ant-picker-panel-focused"
                  tabindex="-1"
                >
                  <div
                    class="ant-picker-time-panel"
                  >
                    <div
                      class="ant-picker-content"
                    >
                      <ul
                        class="ant-picker-time-panel-column"
                        style="position:relative"
                      >
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            00
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            01
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            02
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            03
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            04
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            05
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            06
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            07
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            08
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            09
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            10
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            11
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            12
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            13
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            14
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            15
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            16
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            17
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            18
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            19
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            20
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            21
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            22
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            23
                          </div>
                        </li>
                      </ul>
                      <ul
                        class="ant-picker-time-panel-column"
                        style="position:relative"
                      >
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            00
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            01
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            02
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            03
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            04
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            05
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            06
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            07
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            08
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            09
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            10
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            11
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            12
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            13
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            14
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            15
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            16
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            17
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            18
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            19
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            20
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            21
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            22
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            23
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            24
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            25
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            26
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            27
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            28
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            29
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            30
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            31
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            32
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            33
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            34
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            35
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            36
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            37
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            38
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            39
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            40
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            41
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            42
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            43
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            44
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            45
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            46
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            47
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            48
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            49
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            50
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            51
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            52
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            53
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            54
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            55
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            56
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            57
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            58
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            59
                          </div>
                        </li>
                      </ul>
                      <ul
                        class="ant-picker-time-panel-column"
                        style="position:relative"
                      >
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            00
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            01
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            02
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            03
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            04
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            05
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            06
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            07
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            08
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            09
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            10
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            11
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            12
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            13
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            14
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            15
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            16
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            17
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            18
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            19
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            20
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            21
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            22
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            23
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            24
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            25
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            26
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            27
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            28
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            29
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            30
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            31
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            32
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            33
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            34
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            35
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            36
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            37
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            38
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            39
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            40
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            41
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            42
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            43
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            44
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            45
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            46
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            47
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            48
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            49
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            50
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            51
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            52
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            53
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            54
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            55
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            56
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            57
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            58
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            59
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div
                    class="ant-picker-footer"
                  >
                    <ul
                      class="ant-picker-ranges"
                    >
                      <li
                        class="ant-picker-now"
                      >
                        <a
                          class="ant-picker-now-btn"
                        >
                          Now
                        </a>
                      </li>
                      <li
                        class="ant-picker-ok"
                      >
                        <button
                          class="ant-btn ant-btn-primary ant-btn-sm"
                          disabled=""
                          type="button"
                        >
                          <span>
                            Ok
                          </span>
                        </button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/validate-other.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
  id="validate_other"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class=""
        title="Plain Text"
      >
        Plain Text
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-form-text"
          >
            China
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="validate_other_select"
        title="Select"
      >
        Select
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-select-has-feedback ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="validate_other_select_list_0"
                  aria-autocomplete="list"
                  aria-controls="validate_other_select_list"
                  aria-haspopup="listbox"
                  aria-owns="validate_other_select_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  id="validate_other_select"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              >
                Please select a country
              </span>
            </div>
            <div>
              <div
                class="ant-select-dropdown"
                style="opacity:0;pointer-events:none"
              >
                <div>
                  <div
                    id="validate_other_select_list"
                    role="listbox"
                    style="height:0;width:0;overflow:hidden"
                  >
                    <div
                      aria-label="China"
                      aria-selected="false"
                      id="validate_other_select_list_0"
                      role="option"
                    >
                      china
                    </div>
                    <div
                      aria-label="U.S.A"
                      aria-selected="false"
                      id="validate_other_select_list_1"
                      role="option"
                    >
                      usa
                    </div>
                  </div>
                  <div
                    class="rc-virtual-list"
                    style="position:relative"
                  >
                    <div
                      class="rc-virtual-list-holder"
                      style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                    >
                      <div>
                        <div
                          class="rc-virtual-list-holder-inner"
                          style="display:flex;flex-direction:column"
                        >
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option ant-select-item-option-active"
                            title="China"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              China
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="U.S.A"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              U.S.A
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="validate_other_select-multiple"
        title="Select[multiple]"
      >
        Select[multiple]
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-select-multiple ant-select-show-search"
          >
            <div
              class="ant-select-selector"
            >
              <div
                class="ant-select-selection-overflow"
              >
                <div
                  class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                  style="opacity:1"
                >
                  <div
                    class="ant-select-selection-search"
                    style="width:0"
                  >
                    <input
                      aria-activedescendant="validate_other_select-multiple_list_0"
                      aria-autocomplete="list"
                      aria-controls="validate_other_select-multiple_list"
                      aria-haspopup="listbox"
                      aria-owns="validate_other_select-multiple_list"
                      autocomplete="off"
                      class="ant-select-selection-search-input"
                      id="validate_other_select-multiple"
                      readonly=""
                      role="combobox"
                      style="opacity:0"
                      type="search"
                      unselectable="on"
                      value=""
                    />
                    <span
                      aria-hidden="true"
                      class="ant-select-selection-search-mirror"
                    >
                       
                    </span>
                  </div>
                </div>
              </div>
              <span
                class="ant-select-selection-placeholder"
              >
                Please select favourite colors
              </span>
            </div>
            <div>
              <div
                class="ant-select-dropdown"
                style="opacity:0;pointer-events:none"
              >
                <div>
                  <div
                    id="validate_other_select-multiple_list"
                    role="listbox"
                    style="height:0;width:0;overflow:hidden"
                  >
                    <div
                      aria-label="Red"
                      aria-selected="false"
                      id="validate_other_select-multiple_list_0"
                      role="option"
                    >
                      red
                    </div>
                    <div
                      aria-label="Green"
                      aria-selected="false"
                      id="validate_other_select-multiple_list_1"
                      role="option"
                    >
                      green
                    </div>
                  </div>
                  <div
                    class="rc-virtual-list"
                    style="position:relative"
                  >
                    <div
                      class="rc-virtual-list-holder"
                      style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                    >
                      <div>
                        <div
                          class="rc-virtual-list-holder-inner"
                          style="display:flex;flex-direction:column"
                        >
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option ant-select-item-option-active"
                            title="Red"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Red
                            </div>
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="Green"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Green
                            </div>
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="Blue"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Blue
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class=""
        title="InputNumber"
      >
        InputNumber
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-input-number"
          >
            <div
              class="ant-input-number-handler-wrap"
            >
              <span
                aria-disabled="false"
                aria-label="Increase Value"
                class="ant-input-number-handler ant-input-number-handler-up"
                role="button"
                unselectable="on"
              >
                <span
                  aria-label="up"
                  class="anticon anticon-up ant-input-number-handler-up-inner"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="up"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
                    />
                  </svg>
                </span>
              </span>
              <span
                aria-disabled="false"
                aria-label="Decrease Value"
                class="ant-input-number-handler ant-input-number-handler-down"
                role="button"
                unselectable="on"
              >
                <span
                  aria-label="down"
                  class="anticon anticon-down ant-input-number-handler-down-inner"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="down"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <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"
                    />
                  </svg>
                </span>
              </span>
            </div>
            <div
              class="ant-input-number-input-wrap"
            >
              <input
                aria-valuemax="10"
                aria-valuemin="1"
                aria-valuenow="3"
                autocomplete="off"
                class="ant-input-number-input"
                id="validate_other_input-number"
                role="spinbutton"
                step="1"
                value="3"
              />
            </div>
          </div>
          <span
            class="ant-form-text"
          >
             machines
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class=""
        for="validate_other_switch"
        title="Switch"
      >
        Switch
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            aria-checked="false"
            class="ant-switch"
            id="validate_other_switch"
            role="switch"
            type="button"
          >
            <div
              class="ant-switch-handle"
            />
            <span
              class="ant-switch-inner"
            />
          </button>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class=""
        for="validate_other_slider"
        title="Slider"
      >
        Slider
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-slider ant-slider-horizontal ant-slider-with-marks"
          >
            <div
              class="ant-slider-rail"
            />
            <div
              class="ant-slider-track"
              style="left:0%;width:0%"
            />
            <div
              class="ant-slider-step"
            >
              <span
                class="ant-slider-dot ant-slider-dot-active"
                style="left:0%;transform:translateX(-50%)"
              />
              <span
                class="ant-slider-dot"
                style="left:20%;transform:translateX(-50%)"
              />
              <span
                class="ant-slider-dot"
                style="left:40%;transform:translateX(-50%)"
              />
              <span
                class="ant-slider-dot"
                style="left:60%;transform:translateX(-50%)"
              />
              <span
                class="ant-slider-dot"
                style="left:80%;transform:translateX(-50%)"
              />
              <span
                class="ant-slider-dot"
                style="left:100%;transform:translateX(-50%)"
              />
            </div>
            <div
              aria-disabled="false"
              aria-valuemax="100"
              aria-valuemin="0"
              aria-valuenow="0"
              class="ant-slider-handle"
              role="slider"
              style="left:0%;transform:translateX(-50%)"
              tabindex="0"
            />
            <div>
              <div
                class="ant-tooltip ant-slider-tooltip"
                style="opacity:0;pointer-events:none"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  >
                    0
                  </div>
                </div>
              </div>
            </div>
            <div
              class="ant-slider-mark"
            >
              <span
                class="ant-slider-mark-text ant-slider-mark-text-active"
                style="left:0%;transform:translateX(-50%)"
              >
                A
              </span>
              <span
                class="ant-slider-mark-text"
                style="left:20%;transform:translateX(-50%)"
              >
                B
              </span>
              <span
                class="ant-slider-mark-text"
                style="left:40%;transform:translateX(-50%)"
              >
                C
              </span>
              <span
                class="ant-slider-mark-text"
                style="left:60%;transform:translateX(-50%)"
              >
                D
              </span>
              <span
                class="ant-slider-mark-text"
                style="left:80%;transform:translateX(-50%)"
              >
                E
              </span>
              <span
                class="ant-slider-mark-text"
                style="left:100%;transform:translateX(-50%)"
              >
                F
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class=""
        for="validate_other_radio-group"
        title="Radio.Group"
      >
        Radio.Group
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-radio-group ant-radio-group-outline"
            id="validate_other_radio-group"
          >
            <label
              class="ant-radio-wrapper"
            >
              <span
                class="ant-radio"
              >
                <input
                  class="ant-radio-input"
                  type="radio"
                  value="a"
                />
                <span
                  class="ant-radio-inner"
                />
              </span>
              <span>
                item 1
              </span>
            </label>
            <label
              class="ant-radio-wrapper"
            >
              <span
                class="ant-radio"
              >
                <input
                  class="ant-radio-input"
                  type="radio"
                  value="b"
                />
                <span
                  class="ant-radio-inner"
                />
              </span>
              <span>
                item 2
              </span>
            </label>
            <label
              class="ant-radio-wrapper"
            >
              <span
                class="ant-radio"
              >
                <input
                  class="ant-radio-input"
                  type="radio"
                  value="c"
                />
                <span
                  class="ant-radio-inner"
                />
              </span>
              <span>
                item 3
              </span>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="validate_other_radio-button"
        title="Radio.Button"
      >
        Radio.Button
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-radio-group ant-radio-group-outline"
            id="validate_other_radio-button"
          >
            <label
              class="ant-radio-button-wrapper"
            >
              <span
                class="ant-radio-button"
              >
                <input
                  class="ant-radio-button-input"
                  type="radio"
                  value="a"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                item 1
              </span>
            </label>
            <label
              class="ant-radio-button-wrapper"
            >
              <span
                class="ant-radio-button"
              >
                <input
                  class="ant-radio-button-input"
                  type="radio"
                  value="b"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                item 2
              </span>
            </label>
            <label
              class="ant-radio-button-wrapper"
            >
              <span
                class="ant-radio-button"
              >
                <input
                  class="ant-radio-button-input"
                  type="radio"
                  value="c"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                item 3
              </span>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class=""
        for="validate_other_checkbox-group"
        title="Checkbox.Group"
      >
        Checkbox.Group
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-checkbox-group"
            id="validate_other_checkbox-group"
          >
            <div
              class="ant-row"
            >
              <div
                class="ant-col ant-col-8"
              >
                <label
                  class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
                  style="line-height:32px"
                >
                  <span
                    class="ant-checkbox ant-checkbox-checked"
                  >
                    <input
                      checked=""
                      class="ant-checkbox-input"
                      type="checkbox"
                      value="A"
                    />
                    <span
                      class="ant-checkbox-inner"
                    />
                  </span>
                  <span>
                    A
                  </span>
                </label>
              </div>
              <div
                class="ant-col ant-col-8"
              >
                <label
                  class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-disabled"
                  style="line-height:32px"
                >
                  <span
                    class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
                  >
                    <input
                      checked=""
                      class="ant-checkbox-input"
                      disabled=""
                      type="checkbox"
                      value="B"
                    />
                    <span
                      class="ant-checkbox-inner"
                    />
                  </span>
                  <span>
                    B
                  </span>
                </label>
              </div>
              <div
                class="ant-col ant-col-8"
              >
                <label
                  class="ant-checkbox-wrapper"
                  style="line-height:32px"
                >
                  <span
                    class="ant-checkbox"
                  >
                    <input
                      class="ant-checkbox-input"
                      type="checkbox"
                      value="C"
                    />
                    <span
                      class="ant-checkbox-inner"
                    />
                  </span>
                  <span>
                    C
                  </span>
                </label>
              </div>
              <div
                class="ant-col ant-col-8"
              >
                <label
                  class="ant-checkbox-wrapper"
                  style="line-height:32px"
                >
                  <span
                    class="ant-checkbox"
                  >
                    <input
                      class="ant-checkbox-input"
                      type="checkbox"
                      value="D"
                    />
                    <span
                      class="ant-checkbox-inner"
                    />
                  </span>
                  <span>
                    D
                  </span>
                </label>
              </div>
              <div
                class="ant-col ant-col-8"
              >
                <label
                  class="ant-checkbox-wrapper"
                  style="line-height:32px"
                >
                  <span
                    class="ant-checkbox"
                  >
                    <input
                      class="ant-checkbox-input"
                      type="checkbox"
                      value="E"
                    />
                    <span
                      class="ant-checkbox-inner"
                    />
                  </span>
                  <span>
                    E
                  </span>
                </label>
              </div>
              <div
                class="ant-col ant-col-8"
              >
                <label
                  class="ant-checkbox-wrapper"
                  style="line-height:32px"
                >
                  <span
                    class="ant-checkbox"
                  >
                    <input
                      class="ant-checkbox-input"
                      type="checkbox"
                      value="F"
                    />
                    <span
                      class="ant-checkbox-inner"
                    />
                  </span>
                  <span>
                    F
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class=""
        for="validate_other_rate"
        title="Rate"
      >
        Rate
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <ul
            class="ant-rate"
            role="radiogroup"
            tabindex="0"
          >
            <li
              class="ant-rate-star ant-rate-star-full"
            >
              <div
                aria-checked="true"
                aria-posinset="1"
                aria-setsize="5"
                role="radio"
                tabindex="0"
              >
                <div
                  class="ant-rate-star-first"
                >
                  <span
                    aria-label="star"
                    class="anticon anticon-star"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="star"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                      />
                    </svg>
                  </span>
                </div>
                <div
                  class="ant-rate-star-second"
                >
                  <span
                    aria-label="star"
                    class="anticon anticon-star"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="star"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                      />
                    </svg>
                  </span>
                </div>
              </div>
            </li>
            <li
              class="ant-rate-star ant-rate-star-full"
            >
              <div
                aria-checked="true"
                aria-posinset="2"
                aria-setsize="5"
                role="radio"
                tabindex="0"
              >
                <div
                  class="ant-rate-star-first"
                >
                  <span
                    aria-label="star"
                    class="anticon anticon-star"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="star"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                      />
                    </svg>
                  </span>
                </div>
                <div
                  class="ant-rate-star-second"
                >
                  <span
                    aria-label="star"
                    class="anticon anticon-star"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="star"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                      />
                    </svg>
                  </span>
                </div>
              </div>
            </li>
            <li
              class="ant-rate-star ant-rate-star-full"
            >
              <div
                aria-checked="true"
                aria-posinset="3"
                aria-setsize="5"
                role="radio"
                tabindex="0"
              >
                <div
                  class="ant-rate-star-first"
                >
                  <span
                    aria-label="star"
                    class="anticon anticon-star"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="star"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                      />
                    </svg>
                  </span>
                </div>
                <div
                  class="ant-rate-star-second"
                >
                  <span
                    aria-label="star"
                    class="anticon anticon-star"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="star"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                      />
                    </svg>
                  </span>
                </div>
              </div>
            </li>
            <li
              class="ant-rate-star ant-rate-star-zero"
            >
              <div
                aria-checked="true"
                aria-posinset="4"
                aria-setsize="5"
                role="radio"
                tabindex="0"
              >
                <div
                  class="ant-rate-star-first"
                >
                  <span
                    aria-label="star"
                    class="anticon anticon-star"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="star"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                      />
                    </svg>
                  </span>
                </div>
                <div
                  class="ant-rate-star-second"
                >
                  <span
                    aria-label="star"
                    class="anticon anticon-star"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="star"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                      />
                    </svg>
                  </span>
                </div>
              </div>
            </li>
            <li
              class="ant-rate-star ant-rate-star-zero"
            >
              <div
                aria-checked="false"
                aria-posinset="5"
                aria-setsize="5"
                role="radio"
                tabindex="0"
              >
                <div
                  class="ant-rate-star-first"
                >
                  <span
                    aria-label="star"
                    class="anticon anticon-star"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="star"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                      />
                    </svg>
                  </span>
                </div>
                <div
                  class="ant-rate-star-second"
                >
                  <span
                    aria-label="star"
                    class="anticon anticon-star"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="star"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                      />
                    </svg>
                  </span>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class=""
        for="validate_other_upload"
        title="Upload"
      >
        Upload
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class=""
          >
            <div
              class="ant-upload ant-upload-select ant-upload-select-picture"
            >
              <span
                class="ant-upload"
                role="button"
                tabindex="0"
              >
                <input
                  accept=""
                  id="validate_other_upload"
                  style="display:none"
                  type="file"
                />
                <button
                  class="ant-btn ant-btn-default"
                  type="button"
                >
                  <span
                    aria-label="upload"
                    class="anticon anticon-upload"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="upload"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
                      />
                    </svg>
                  </span>
                  <span>
                    Click to upload
                  </span>
                </button>
              </span>
            </div>
            <div
              class="ant-upload-list ant-upload-list-picture"
            />
          </span>
        </div>
      </div>
      <div
        class="ant-form-item-extra"
      >
        longgggggggggggggggggggggggggggggggggg
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-6 ant-form-item-label"
    >
      <label
        class=""
        title="Dragger"
      >
        Dragger
      </label>
    </div>
    <div
      class="ant-col ant-col-14 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span>
            <div
              class="ant-upload ant-upload-drag"
            >
              <span
                class="ant-upload ant-upload-btn"
                role="button"
                tabindex="0"
              >
                <input
                  accept=""
                  id="validate_other_dragger"
                  style="display:none"
                  type="file"
                />
                <div
                  class="ant-upload-drag-container"
                >
                  <p
                    class="ant-upload-drag-icon"
                  >
                    <span
                      aria-label="inbox"
                      class="anticon anticon-inbox"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="inbox"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="0 0 1024 1024"
                        width="1em"
                      >
                        <path
                          d="M885.2 446.3l-.2-.8-112.2-285.1c-5-16.1-19.9-27.2-36.8-27.2H281.2c-17 0-32.1 11.3-36.9 27.6L139.4 443l-.3.7-.2.8c-1.3 4.9-1.7 9.9-1 14.8-.1 1.6-.2 3.2-.2 4.8V830a60.9 60.9 0 0060.8 60.8h627.2c33.5 0 60.8-27.3 60.9-60.8V464.1c0-1.3 0-2.6-.1-3.7.4-4.9 0-9.6-1.3-14.1zm-295.8-43l-.3 15.7c-.8 44.9-31.8 75.1-77.1 75.1-22.1 0-41.1-7.1-54.8-20.6S436 441.2 435.6 419l-.3-15.7H229.5L309 210h399.2l81.7 193.3H589.4zm-375 76.8h157.3c24.3 57.1 76 90.8 140.4 90.8 33.7 0 65-9.4 90.3-27.2 22.2-15.6 39.5-37.4 50.7-63.6h156.5V814H214.4V480.1z"
                        />
                      </svg>
                    </span>
                  </p>
                  <p
                    class="ant-upload-text"
                  >
                    Click or drag file to this area to upload
                  </p>
                  <p
                    class="ant-upload-hint"
                  >
                    Support for a single or bulk upload.
                  </p>
                </div>
              </span>
            </div>
            <div
              class="ant-upload-list ant-upload-list-text"
            />
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-col-12 ant-col-offset-6 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <button
            class="ant-btn ant-btn-primary"
            type="submit"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/validate-static.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Fail"
      >
        Fail
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input ant-input-status-error"
            id="error"
            placeholder="unavailable choice"
            type="text"
            value=""
          />
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Should be combination of numbers & alphabets
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-has-warning"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Warning"
      >
        Warning
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-affix-wrapper-status-warning"
          >
            <span
              class="ant-input-prefix"
            >
              <span
                aria-label="smile"
                class="anticon anticon-smile"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="smile"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"
                  />
                </svg>
              </span>
            </span>
            <input
              class="ant-input"
              id="warning"
              placeholder="Warning"
              type="text"
              value=""
            />
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-is-validating"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Validating"
      >
        Validating
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-affix-wrapper-status-validating ant-input-affix-wrapper-has-feedback"
          >
            <input
              class="ant-input"
              id="validating"
              placeholder="I'm the content is being validated"
              type="text"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                class="ant-input-feedback-icon"
              >
                <span
                  aria-label="loading"
                  class="anticon anticon-loading anticon-spin"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="loading"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="0 0 1024 1024"
                    width="1em"
                  >
                    <path
                      d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
                    />
                  </svg>
                </span>
              </span>
            </span>
          </span>
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-validating"
          role="alert"
        >
          The information is being validated...
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Success"
      >
        Success
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-affix-wrapper-status-success ant-input-affix-wrapper-has-feedback"
          >
            <input
              class="ant-input"
              id="success"
              placeholder="I'm the content"
              type="text"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                class="ant-input-feedback-icon"
              >
                <span
                  aria-label="check-circle"
                  class="anticon anticon-check-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="check-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
                    />
                  </svg>
                </span>
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Warning"
      >
        Warning
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-affix-wrapper-status-warning ant-input-affix-wrapper-has-feedback"
          >
            <input
              class="ant-input"
              id="warning2"
              placeholder="Warning"
              type="text"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                class="ant-input-feedback-icon"
              >
                <span
                  aria-label="exclamation-circle"
                  class="anticon anticon-exclamation-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="exclamation-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
                    />
                  </svg>
                </span>
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Fail"
      >
        Fail
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-affix-wrapper-status-error ant-input-affix-wrapper-has-feedback"
          >
            <input
              class="ant-input"
              id="error2"
              placeholder="unavailable choice"
              type="text"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                class="ant-input-feedback-icon"
              >
                <span
                  aria-label="close-circle"
                  class="anticon anticon-close-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="close-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                    />
                  </svg>
                </span>
              </span>
            </span>
          </span>
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Should be combination of numbers & alphabets
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Success"
      >
        Success
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-picker ant-picker-status-success ant-picker-has-feedback"
            style="width:100%"
          >
            <div
              class="ant-picker-input"
            >
              <input
                autocomplete="off"
                placeholder="Select date"
                readonly=""
                size="12"
                title=""
                value=""
              />
              <span
                class="ant-picker-suffix"
              >
                <span
                  aria-label="calendar"
                  class="anticon anticon-calendar"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="calendar"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                    />
                  </svg>
                </span>
                <span
                  class="ant-picker-feedback-icon"
                >
                  <span
                    aria-label="check-circle"
                    class="anticon anticon-check-circle"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="check-circle"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
                      />
                    </svg>
                  </span>
                </span>
              </span>
            </div>
          </div>
          <div>
            <div
              class="ant-picker-dropdown"
              style="opacity:0;pointer-events:none"
            >
              <div
                class="ant-picker-panel-container"
              >
                <div
                  class="ant-picker-panel ant-picker-panel-focused"
                  tabindex="-1"
                >
                  <div
                    class="ant-picker-date-panel"
                  >
                    <div
                      class="ant-picker-header"
                    >
                      <button
                        class="ant-picker-header-super-prev-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-super-prev-icon"
                        />
                      </button>
                      <button
                        class="ant-picker-header-prev-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-prev-icon"
                        />
                      </button>
                      <div
                        class="ant-picker-header-view"
                      >
                        <button
                          class="ant-picker-month-btn"
                          tabindex="-1"
                          type="button"
                        >
                          Nov
                        </button>
                        <button
                          class="ant-picker-year-btn"
                          tabindex="-1"
                          type="button"
                        >
                          2016
                        </button>
                      </div>
                      <button
                        class="ant-picker-header-next-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-next-icon"
                        />
                      </button>
                      <button
                        class="ant-picker-header-super-next-btn"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          class="ant-picker-super-next-icon"
                        />
                      </button>
                    </div>
                    <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
                              class="ant-picker-cell"
                              title="2016-10-30"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                30
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-end"
                              title="2016-10-31"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                31
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
                              title="2016-11-01"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                1
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-02"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                2
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-03"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                3
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-04"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                4
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-05"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                5
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-06"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                6
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-07"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                7
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-08"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                8
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-09"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                9
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-10"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                10
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-11"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                11
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-12"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                12
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-13"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                13
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-14"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                14
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-15"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                15
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-16"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                16
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-17"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                17
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-18"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                18
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-19"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                19
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-20"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                20
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-21"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                21
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today"
                              title="2016-11-22"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                22
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-23"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                23
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-24"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                24
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-25"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                25
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-26"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                26
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-27"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                27
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-28"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                28
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-in-view"
                              title="2016-11-29"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                29
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
                              title="2016-11-30"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                30
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell ant-picker-cell-start"
                              title="2016-12-01"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                1
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-02"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                2
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-03"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                3
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-04"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                4
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-05"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                5
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-06"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                6
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-07"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                7
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-08"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                8
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-09"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                9
                              </div>
                            </td>
                            <td
                              class="ant-picker-cell"
                              title="2016-12-10"
                            >
                              <div
                                class="ant-picker-cell-inner"
                              >
                                10
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                  <div
                    class="ant-picker-footer"
                  >
                    <a
                      class="ant-picker-today-btn"
                    >
                      Today
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Warning"
      >
        Warning
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-picker ant-picker-status-warning ant-picker-has-feedback"
            style="width:100%"
          >
            <div
              class="ant-picker-input"
            >
              <input
                autocomplete="off"
                placeholder="Select time"
                readonly=""
                size="10"
                title=""
                value=""
              />
              <span
                class="ant-picker-suffix"
              >
                <span
                  aria-label="clock-circle"
                  class="anticon anticon-clock-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="clock-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
                    />
                    <path
                      d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
                    />
                  </svg>
                </span>
                <span
                  class="ant-picker-feedback-icon"
                >
                  <span
                    aria-label="exclamation-circle"
                    class="anticon anticon-exclamation-circle"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="exclamation-circle"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
                      />
                    </svg>
                  </span>
                </span>
              </span>
            </div>
          </div>
          <div>
            <div
              class="ant-picker-dropdown"
              style="opacity:0;pointer-events:none"
            >
              <div
                class="ant-picker-panel-container"
              >
                <div
                  class="ant-picker-panel ant-picker-panel-focused"
                  tabindex="-1"
                >
                  <div
                    class="ant-picker-time-panel"
                  >
                    <div
                      class="ant-picker-content"
                    >
                      <ul
                        class="ant-picker-time-panel-column"
                        style="position:relative"
                      >
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            00
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            01
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            02
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            03
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            04
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            05
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            06
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            07
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            08
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            09
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            10
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            11
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            12
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            13
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            14
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            15
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            16
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            17
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            18
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            19
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            20
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            21
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            22
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            23
                          </div>
                        </li>
                      </ul>
                      <ul
                        class="ant-picker-time-panel-column"
                        style="position:relative"
                      >
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            00
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            01
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            02
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            03
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            04
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            05
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            06
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            07
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            08
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            09
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            10
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            11
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            12
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            13
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            14
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            15
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            16
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            17
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            18
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            19
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            20
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            21
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            22
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            23
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            24
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            25
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            26
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            27
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            28
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            29
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            30
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            31
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            32
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            33
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            34
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            35
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            36
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            37
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            38
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            39
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            40
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            41
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            42
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            43
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            44
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            45
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            46
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            47
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            48
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            49
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            50
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            51
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            52
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            53
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            54
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            55
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            56
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            57
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            58
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            59
                          </div>
                        </li>
                      </ul>
                      <ul
                        class="ant-picker-time-panel-column"
                        style="position:relative"
                      >
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            00
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            01
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            02
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            03
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            04
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            05
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            06
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            07
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            08
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            09
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            10
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            11
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            12
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            13
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            14
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            15
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            16
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            17
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            18
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            19
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            20
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            21
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            22
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            23
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            24
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            25
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            26
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            27
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            28
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            29
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            30
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            31
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            32
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            33
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            34
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            35
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            36
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            37
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            38
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            39
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            40
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            41
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            42
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            43
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            44
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            45
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            46
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            47
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            48
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            49
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            50
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            51
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            52
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            53
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            54
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            55
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            56
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            57
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            58
                          </div>
                        </li>
                        <li
                          class="ant-picker-time-panel-cell"
                        >
                          <div
                            class="ant-picker-time-panel-cell-inner"
                          >
                            59
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div
                    class="ant-picker-footer"
                  >
                    <ul
                      class="ant-picker-ranges"
                    >
                      <li
                        class="ant-picker-now"
                      >
                        <a
                          class="ant-picker-now-btn"
                        >
                          Now
                        </a>
                      </li>
                      <li
                        class="ant-picker-ok"
                      >
                        <button
                          class="ant-btn ant-btn-primary ant-btn-sm"
                          disabled=""
                          type="button"
                        >
                          <span>
                            Ok
                          </span>
                        </button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Error"
      >
        Error
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-select-status-error ant-select-has-feedback ant-select-single ant-select-allow-clear ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="undefined_list_0"
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-haspopup="listbox"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              >
                I'm Select
              </span>
            </div>
            <div>
              <div
                class="ant-select-dropdown"
                style="opacity:0;pointer-events:none"
              >
                <div>
                  <div
                    id="undefined_list"
                    role="listbox"
                    style="height:0;width:0;overflow:hidden"
                  >
                    <div
                      aria-label="Option 1"
                      aria-selected="false"
                      id="undefined_list_0"
                      role="option"
                    >
                      1
                    </div>
                    <div
                      aria-label="Option 2"
                      aria-selected="false"
                      id="undefined_list_1"
                      role="option"
                    >
                      2
                    </div>
                  </div>
                  <div
                    class="rc-virtual-list"
                    style="position:relative"
                  >
                    <div
                      class="rc-virtual-list-holder"
                      style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                    >
                      <div>
                        <div
                          class="rc-virtual-list-holder-inner"
                          style="display:flex;flex-direction:column"
                        >
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option ant-select-item-option-active"
                            title="Option 1"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Option 1
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="Option 2"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Option 2
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                          <div
                            aria-selected="false"
                            class="ant-select-item ant-select-item-option"
                            title="Option 3"
                          >
                            <div
                              class="ant-select-item-option-content"
                            >
                              Option 3
                            </div>
                            <span
                              aria-hidden="true"
                              class="ant-select-item-option-state"
                              style="user-select:none;-webkit-user-select:none"
                              unselectable="on"
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
              <span
                class="ant-select-feedback-icon"
              >
                <span
                  aria-label="close-circle"
                  class="anticon anticon-close-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="close-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                    />
                  </svg>
                </span>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Validating"
      >
        Validating
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-cascader ant-select-status-error ant-select-has-feedback ant-select-single ant-select-allow-clear ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-haspopup="listbox"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              >
                I'm Cascader
              </span>
            </div>
            <div>
              <div
                class="ant-select-dropdown ant-cascader-dropdown"
                style="opacity:0;pointer-events:none;min-width:auto"
              >
                <div>
                  <div
                    class="ant-cascader-menus"
                  >
                    <ul
                      class="ant-cascader-menu"
                      role="menu"
                    >
                      <li
                        aria-checked="false"
                        class="ant-cascader-menu-item"
                        data-path-key="xx"
                        role="menuitemcheckbox"
                        title="xx"
                      >
                        <div
                          class="ant-cascader-menu-item-content"
                        >
                          xx
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
              <span
                class="ant-select-feedback-icon"
              >
                <span
                  aria-label="close-circle"
                  class="anticon anticon-close-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="close-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                    />
                  </svg>
                </span>
              </span>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Something breaks the rule.
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-warning"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Warning"
      >
        Warning
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-select ant-tree-select ant-select-status-warning ant-select-has-feedback ant-select-single ant-select-allow-clear ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-haspopup="listbox"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-placeholder"
              >
                I'm TreeSelect
              </span>
            </div>
            <div>
              <div
                class="ant-select-dropdown ant-tree-select-dropdown"
                style="opacity:0;pointer-events:none"
              >
                <div>
                  <div>
                    <div
                      class="ant-select-tree"
                      role="tree"
                    >
                      <div>
                        <input
                          aria-label="for screen reader"
                          disabled=""
                          style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
                          value=""
                        />
                      </div>
                      <div
                        aria-hidden="true"
                        class="ant-select-tree-treenode"
                        style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
                      >
                        <div
                          class="ant-select-tree-indent"
                        >
                          <div
                            class="ant-select-tree-indent-unit"
                          />
                        </div>
                      </div>
                      <div
                        class="ant-select-tree-list"
                        style="position:relative"
                      >
                        <div
                          class="ant-select-tree-list-holder"
                          style="max-height:256px;overflow-y:auto;overflow-anchor:none"
                        >
                          <div>
                            <div
                              class="ant-select-tree-list-holder-inner"
                              style="display:flex;flex-direction:column"
                            >
                              <div
                                aria-grabbed="false"
                                class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close ant-select-tree-treenode-leaf-last"
                                draggable="false"
                              >
                                <span
                                  aria-hidden="true"
                                  class="ant-select-tree-indent"
                                />
                                <span
                                  class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                                />
                                <span
                                  class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                                  title="xx"
                                >
                                  <span
                                    class="ant-select-tree-title"
                                  >
                                    xx
                                  </span>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <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"
                  />
                </svg>
              </span>
              <span
                class="ant-select-feedback-icon"
              >
                <span
                  aria-label="exclamation-circle"
                  class="anticon anticon-exclamation-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="exclamation-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
                    />
                  </svg>
                </span>
              </span>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-warning"
          role="alert"
        >
          Need to be checked
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
    style="margin-bottom:0"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="inline"
      >
        inline
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
            style="display:inline-block;width:calc(50% - 12px)"
          >
            <div
              class="ant-col ant-form-item-control"
            >
              <div
                class="ant-form-item-control-input"
              >
                <div
                  class="ant-form-item-control-input-content"
                >
                  <div
                    class="ant-picker ant-picker-status-error"
                  >
                    <div
                      class="ant-picker-input"
                    >
                      <input
                        autocomplete="off"
                        placeholder="Select date"
                        readonly=""
                        size="12"
                        title=""
                        value=""
                      />
                      <span
                        class="ant-picker-suffix"
                      >
                        <span
                          aria-label="calendar"
                          class="anticon anticon-calendar"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="calendar"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                            />
                          </svg>
                        </span>
                      </span>
                    </div>
                  </div>
                  <div>
                    <div
                      class="ant-picker-dropdown"
                      style="opacity:0;pointer-events:none"
                    >
                      <div
                        class="ant-picker-panel-container"
                      >
                        <div
                          class="ant-picker-panel ant-picker-panel-focused"
                          tabindex="-1"
                        >
                          <div
                            class="ant-picker-date-panel"
                          >
                            <div
                              class="ant-picker-header"
                            >
                              <button
                                class="ant-picker-header-super-prev-btn"
                                tabindex="-1"
                                type="button"
                              >
                                <span
                                  class="ant-picker-super-prev-icon"
                                />
                              </button>
                              <button
                                class="ant-picker-header-prev-btn"
                                tabindex="-1"
                                type="button"
                              >
                                <span
                                  class="ant-picker-prev-icon"
                                />
                              </button>
                              <div
                                class="ant-picker-header-view"
                              >
                                <button
                                  class="ant-picker-month-btn"
                                  tabindex="-1"
                                  type="button"
                                >
                                  Nov
                                </button>
                                <button
                                  class="ant-picker-year-btn"
                                  tabindex="-1"
                                  type="button"
                                >
                                  2016
                                </button>
                              </div>
                              <button
                                class="ant-picker-header-next-btn"
                                tabindex="-1"
                                type="button"
                              >
                                <span
                                  class="ant-picker-next-icon"
                                />
                              </button>
                              <button
                                class="ant-picker-header-super-next-btn"
                                tabindex="-1"
                                type="button"
                              >
                                <span
                                  class="ant-picker-super-next-icon"
                                />
                              </button>
                            </div>
                            <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
                                      class="ant-picker-cell"
                                      title="2016-10-30"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        30
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-end"
                                      title="2016-10-31"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        31
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
                                      title="2016-11-01"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        1
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-02"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        2
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-03"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        3
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-04"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        4
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-05"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        5
                                      </div>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-06"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        6
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-07"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        7
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-08"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        8
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-09"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        9
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-10"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        10
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-11"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        11
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-12"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        12
                                      </div>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-13"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        13
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-14"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        14
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-15"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        15
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-16"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        16
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-17"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        17
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-18"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        18
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-19"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        19
                                      </div>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-20"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        20
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-21"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        21
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today"
                                      title="2016-11-22"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        22
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-23"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        23
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-24"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        24
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-25"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        25
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-26"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        26
                                      </div>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-27"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        27
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-28"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        28
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-29"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        29
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
                                      title="2016-11-30"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        30
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-start"
                                      title="2016-12-01"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        1
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-02"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        2
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-03"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        3
                                      </div>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-04"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        4
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-05"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        5
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-06"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        6
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-07"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        7
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-08"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        8
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-09"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        9
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-10"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        10
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </div>
                          </div>
                          <div
                            class="ant-picker-footer"
                          >
                            <a
                              class="ant-picker-today-btn"
                            >
                              Today
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="ant-form-item-explain ant-form-item-explain-connected"
              >
                <div
                  class="ant-form-item-explain-error"
                  role="alert"
                >
                  Please select right date
                </div>
              </div>
            </div>
          </div>
          <span
            style="display:inline-block;width:24px;line-height:32px;text-align:center"
          >
            -
          </span>
          <div
            class="ant-row ant-form-item"
            style="display:inline-block;width:calc(50% - 12px)"
          >
            <div
              class="ant-col ant-form-item-control"
            >
              <div
                class="ant-form-item-control-input"
              >
                <div
                  class="ant-form-item-control-input-content"
                >
                  <div
                    class="ant-picker"
                  >
                    <div
                      class="ant-picker-input"
                    >
                      <input
                        autocomplete="off"
                        placeholder="Select date"
                        readonly=""
                        size="12"
                        title=""
                        value=""
                      />
                      <span
                        class="ant-picker-suffix"
                      >
                        <span
                          aria-label="calendar"
                          class="anticon anticon-calendar"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="calendar"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                            />
                          </svg>
                        </span>
                      </span>
                    </div>
                  </div>
                  <div>
                    <div
                      class="ant-picker-dropdown"
                      style="opacity:0;pointer-events:none"
                    >
                      <div
                        class="ant-picker-panel-container"
                      >
                        <div
                          class="ant-picker-panel ant-picker-panel-focused"
                          tabindex="-1"
                        >
                          <div
                            class="ant-picker-date-panel"
                          >
                            <div
                              class="ant-picker-header"
                            >
                              <button
                                class="ant-picker-header-super-prev-btn"
                                tabindex="-1"
                                type="button"
                              >
                                <span
                                  class="ant-picker-super-prev-icon"
                                />
                              </button>
                              <button
                                class="ant-picker-header-prev-btn"
                                tabindex="-1"
                                type="button"
                              >
                                <span
                                  class="ant-picker-prev-icon"
                                />
                              </button>
                              <div
                                class="ant-picker-header-view"
                              >
                                <button
                                  class="ant-picker-month-btn"
                                  tabindex="-1"
                                  type="button"
                                >
                                  Nov
                                </button>
                                <button
                                  class="ant-picker-year-btn"
                                  tabindex="-1"
                                  type="button"
                                >
                                  2016
                                </button>
                              </div>
                              <button
                                class="ant-picker-header-next-btn"
                                tabindex="-1"
                                type="button"
                              >
                                <span
                                  class="ant-picker-next-icon"
                                />
                              </button>
                              <button
                                class="ant-picker-header-super-next-btn"
                                tabindex="-1"
                                type="button"
                              >
                                <span
                                  class="ant-picker-super-next-icon"
                                />
                              </button>
                            </div>
                            <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
                                      class="ant-picker-cell"
                                      title="2016-10-30"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        30
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-end"
                                      title="2016-10-31"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        31
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-start ant-picker-cell-in-view"
                                      title="2016-11-01"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        1
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-02"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        2
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-03"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        3
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-04"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        4
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-05"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        5
                                      </div>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-06"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        6
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-07"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        7
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-08"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        8
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-09"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        9
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-10"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        10
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-11"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        11
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-12"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        12
                                      </div>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-13"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        13
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-14"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        14
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-15"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        15
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-16"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        16
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-17"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        17
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-18"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        18
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-19"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        19
                                      </div>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-20"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        20
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-21"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        21
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today"
                                      title="2016-11-22"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        22
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-23"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        23
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-24"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        24
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-25"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        25
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-26"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        26
                                      </div>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-27"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        27
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-28"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        28
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-in-view"
                                      title="2016-11-29"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        29
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-end ant-picker-cell-in-view"
                                      title="2016-11-30"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        30
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell ant-picker-cell-start"
                                      title="2016-12-01"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        1
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-02"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        2
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-03"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        3
                                      </div>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-04"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        4
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-05"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        5
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-06"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        6
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-07"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        7
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-08"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        8
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-09"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        9
                                      </div>
                                    </td>
                                    <td
                                      class="ant-picker-cell"
                                      title="2016-12-10"
                                    >
                                      <div
                                        class="ant-picker-cell-inner"
                                      >
                                        10
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </div>
                          </div>
                          <div
                            class="ant-picker-footer"
                          >
                            <a
                              class="ant-picker-today-btn"
                            >
                              Today
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Success"
      >
        Success
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-status-success ant-input-number-affix-wrapper-has-feedback"
            style="width:100%"
          >
            <div
              class="ant-input-number ant-input-number-status-success"
            >
              <div
                class="ant-input-number-handler-wrap"
              >
                <span
                  aria-disabled="false"
                  aria-label="Increase Value"
                  class="ant-input-number-handler ant-input-number-handler-up"
                  role="button"
                  unselectable="on"
                >
                  <span
                    aria-label="up"
                    class="anticon anticon-up ant-input-number-handler-up-inner"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="up"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
                      />
                    </svg>
                  </span>
                </span>
                <span
                  aria-disabled="false"
                  aria-label="Decrease Value"
                  class="ant-input-number-handler ant-input-number-handler-down"
                  role="button"
                  unselectable="on"
                >
                  <span
                    aria-label="down"
                    class="anticon anticon-down ant-input-number-handler-down-inner"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="down"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <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"
                      />
                    </svg>
                  </span>
                </span>
              </div>
              <div
                class="ant-input-number-input-wrap"
              >
                <input
                  autocomplete="off"
                  class="ant-input-number-input"
                  role="spinbutton"
                  step="1"
                  value=""
                />
              </div>
            </div>
            <span
              class="ant-input-number-suffix"
            >
              <span
                class="ant-input-number-feedback-icon"
              >
                <span
                  aria-label="check-circle"
                  class="anticon anticon-check-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="check-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
                    />
                  </svg>
                </span>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Success"
      >
        Success
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-affix-wrapper-status-success ant-input-affix-wrapper-has-feedback"
          >
            <input
              class="ant-input"
              placeholder="with allowClear"
              type="text"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                class="ant-input-clear-icon ant-input-clear-icon-hidden ant-input-clear-icon-has-suffix"
                role="button"
                tabindex="-1"
              >
                <span
                  aria-label="close-circle"
                  class="anticon anticon-close-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="close-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                    />
                  </svg>
                </span>
              </span>
              <span
                class="ant-input-feedback-icon"
              >
                <span
                  aria-label="check-circle"
                  class="anticon anticon-check-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="check-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
                    />
                  </svg>
                </span>
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Warning"
      >
        Warning
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-status-warning ant-input-affix-wrapper-has-feedback"
          >
            <input
              action="click"
              class="ant-input"
              placeholder="with input password"
              type="password"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                aria-label="eye-invisible"
                class="anticon anticon-eye-invisible ant-input-password-icon"
                role="img"
                tabindex="-1"
              >
                <svg
                  aria-hidden="true"
                  data-icon="eye-invisible"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
                  />
                  <path
                    d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
                  />
                </svg>
              </span>
              <span
                class="ant-input-feedback-icon"
              >
                <span
                  aria-label="exclamation-circle"
                  class="anticon anticon-exclamation-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="exclamation-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
                    />
                  </svg>
                </span>
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Error"
      >
        Error
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <span
            class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-status-error ant-input-affix-wrapper-has-feedback"
          >
            <input
              action="click"
              class="ant-input"
              placeholder="with input password and allowClear"
              type="password"
              value=""
            />
            <span
              class="ant-input-suffix"
            >
              <span
                class="ant-input-clear-icon ant-input-clear-icon-hidden ant-input-clear-icon-has-suffix"
                role="button"
                tabindex="-1"
              >
                <span
                  aria-label="close-circle"
                  class="anticon anticon-close-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="close-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                    />
                  </svg>
                </span>
              </span>
              <span
                aria-label="eye-invisible"
                class="anticon anticon-eye-invisible ant-input-password-icon"
                role="img"
                tabindex="-1"
              >
                <svg
                  aria-hidden="true"
                  data-icon="eye-invisible"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
                  />
                  <path
                    d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
                  />
                </svg>
              </span>
              <span
                class="ant-input-feedback-icon"
              >
                <span
                  aria-label="close-circle"
                  class="anticon anticon-close-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="close-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                    />
                  </svg>
                </span>
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Fail"
      >
        Fail
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-mentions-affix-wrapper ant-mentions-affix-wrapper-status-error ant-mentions-affix-wrapper-has-feedback"
          >
            <div
              class="ant-mentions ant-mentions-status-error"
            >
              <textarea
                class="rc-textarea"
                rows="1"
              />
            </div>
            <span
              class="ant-mentions-feedback-icon"
            >
              <span
                aria-label="close-circle"
                class="anticon anticon-close-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close-circle"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
    >
      <label
        class=""
        title="Fail"
      >
        Fail
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-input-textarea ant-input-textarea-show-count ant-input-textarea-status-error ant-input-textarea-has-feedback"
            data-count="0"
          >
            <span
              class="ant-input-affix-wrapper ant-input-affix-wrapper-textarea-with-clear-btn ant-input-affix-wrapper-status-error ant-input-affix-wrapper-has-feedback"
            >
              <textarea
                class="ant-input ant-input-status-error"
              />
              <span
                aria-label="close-circle"
                class="anticon anticon-close-circle ant-input-clear-icon-hidden ant-input-clear-icon"
                role="button"
                tabindex="-1"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close-circle"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                  />
                </svg>
              </span>
            </span>
            <span
              class="ant-input-feedback-icon"
            >
              <span
                aria-label="close-circle"
                class="anticon anticon-close-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close-circle"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class="ant-form-item-explain-error"
          role="alert"
        >
          Should have something
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/warning-only.md extend context correctly 1`] = `
<form
  autocomplete="off"
  class="ant-form ant-form-vertical"
>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-label"
    >
      <label
        class="ant-form-item-required"
        for="url"
        title="URL"
      >
        URL
      </label>
    </div>
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            id="url"
            placeholder="input placeholder"
            type="text"
            value=""
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-row ant-form-item"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-space ant-space-horizontal ant-space-align-center"
          >
            <div
              class="ant-space-item"
              style="margin-right:8px"
            >
              <button
                class="ant-btn ant-btn-primary"
                type="submit"
              >
                <span>
                  Submit
                </span>
              </button>
            </div>
            <div
              class="ant-space-item"
            >
              <button
                class="ant-btn ant-btn-default"
                type="button"
              >
                <span>
                  Fill
                </span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/form/demo/without-form-create.md extend context correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
>
  <div
    class="ant-row ant-form-item ant-form-item-with-help"
  >
    <div
      class="ant-col ant-col-7 ant-form-item-label"
    >
      <label
        class=""
        title="Prime between 8 & 12"
      >
        Prime between 8 & 12
      </label>
    </div>
    <div
      class="ant-col ant-col-12 ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <div
            class="ant-input-number"
          >
            <div
              class="ant-input-number-handler-wrap"
            >
              <span
                aria-disabled="false"
                aria-label="Increase Value"
                class="ant-input-number-handler ant-input-number-handler-up"
                role="button"
                unselectable="on"
              >
                <span
                  aria-label="up"
                  class="anticon anticon-up ant-input-number-handler-up-inner"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="up"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
                    />
                  </svg>
                </span>
              </span>
              <span
                aria-disabled="false"
                aria-label="Decrease Value"
                class="ant-input-number-handler ant-input-number-handler-down"
                role="button"
                unselectable="on"
              >
                <span
                  aria-label="down"
                  class="anticon anticon-down ant-input-number-handler-down-inner"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="down"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <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"
                    />
                  </svg>
                </span>
              </span>
            </div>
            <div
              class="ant-input-number-input-wrap"
            >
              <input
                aria-valuemax="12"
                aria-valuemin="8"
                aria-valuenow="11"
                autocomplete="off"
                class="ant-input-number-input"
                role="spinbutton"
                step="1"
                value="11"
              />
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-connected"
      >
        <div
          class=""
          role="alert"
        >
          A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.
        </div>
      </div>
    </div>
  </div>
</form>
`;