Skip to content

pantoken / renderers/web-components/src / calendar

متغير: calendar

const calendar: ElementDefinition

ألفا

<instui-calendar> — شبكة شهرية تفاعلية. value (yyyy-mm-dd) هو اليوم المحدد و view (yyyy-mm-dd, اختياري) هو الشهر الظاهر. أسهم السابق/التالي وكل يوم هي <button>s التي تُفعّل Invoker Commands API (--calendar-prev, --calendar-next, --calendar-select) على الشبكة؛ اختيار يوم يُحدِّث value/view ويرسل حدثًا مركبًا قابلًا للتمدد (bubbling) change (detail.value هو التاريخ بصيغة ISO). يعرض شبكته الخاصة (بدون فتحة)، لذا يعمل بشكل مستقل أو مضمّن داخل منتقي التاريخ.

مثال

html
<instui-calendar value="2026-07-08"></instui-calendar>