ตัวเลื่อนวันที่สำหรับดู

ฉันต้องการเพิ่มวิดเจ็ตหรือปลั๊กอินซึ่งเป็นตัวเลื่อนวันที่ในหน้าดู

วิดเจ็ตจะอยู่ด้านข้างของมุมมอง แสดงเดือนของโหนดที่กำลังดู

สมมติว่าฉันมีมุมมองที่แสดงโหนดของเนื้อหา และเมื่อเลื่อนและแสดงบางโหนดที่มาจากเดือนมีนาคม ตัวเลื่อนวันที่จะแสดงเดือนมีนาคม

มันจะมีลักษณะดังนี้:

ฉันสามารถแทนที่มันในเทมเพลตกิ่งได้หรือไม่? รหัสจะมีลักษณะดังนี้:

<div class="date-scroller__list-wrapper swiper-wrapper">
  {% for row in rows %}
     <div class="date-scroller__list-item swiper-slide">row.month</div>
  {% endfor %}
</div> 

คำแนะนำเกี่ยวกับเรื่องนี้? วิธีที่ง่ายที่สุดที่นี่คืออะไร?