How to have a form in a dropdown-item?

Hi All,

How to have a form in a dropdown-item?

html codes below shows a dropdown menu, there are 'Today' and 'Date Range' menu items, for 'Date Range' menu item, I expect to show a form in a Date Range option to allow user to select a Date Range.

HTML Code:

---

    <div class="dropdown chart-dropdown d-none d-lg-block">
              <button class="btn btn-sm border-0 dropdown-toggle p-0 text-primary" type="button" id="ddDataUsage" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  Today
              </button>
              <div class="dp dropdown-menu dropdown-menu-end" data-popper-placement="right-start" aria-labelledby="ddDataUsage">
                      <a class="dropdown-item" data-value="0">Today</a>
                      <a class="dropdown-item" data-value="1" data-bs-toggle="dropdown" aria-expanded="false" aria-
                        labelledby="dateRange">Date Range</a>
              </div>
            </button>
      </div>

---