تقویم آشنای کاربر،
مقدار مشخص برای برنامه.

<form>
  <label for="stay">تاریخ اقامت</label>
  <intl-datepicker id="stay" name="stay"
    type="range" calendar="persian" locale="fa-IR"
    min="2026-10-01" max="2026-10-31"
    min-nights="2" max-nights="7"
    exclude-disabled="nights"
    disabled-dates='["2026-10-16/2026-10-18"]'
    required
  ></intl-datepicker>
  <button type="submit">بررسی انتخاب</button>
</form>

از همان ماژول اصلی، تقویم و ترجمه نمونه اول استفاده می‌کند. صفحه از ارسال فرم جلوگیری می‌کند و مقدار new FormData(form) را می‌خواند.