Flatpickr

<div class="input-group">
                            <input class="form-control flatpickr" type="text"
                              value="Select Date" placeholder="Select Date" aria-describedby="basic-addon2" />
                            <span class="input-group-text text-secondary" id="basic-addon2">
                            <svg
                              xmlns="http://www.w3.org/2000/svg"
                              class="icon icon-tabler icon-tabler-calendar"
                              width="16"
                              height="16"
                              viewBox="0 0 24 24"
                              stroke-width="1.5"
                              stroke="currentColor"
                              fill="none"
                              stroke-linecap="round"
                              stroke-linejoin="round"
                              >
                            <path stroke="none"
                              d="M0 0h24v24H0z" fill="none"
                              />
                            <path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2
                                2h-12a2 2 0 0 1 -2 -2v-12z" />
                            <path d="M16 3v4" />
                            <path d="M8 3v4" />
                            <path d="M4 11h16" />
                            <path d="M11 15h1" />
                            <path d="M12 15v3" />
                            </svg>
                            </span>
                            </div>