# Hide end time (Month layout)

**URL:** <https://community.elfsight.com/t/hide-end-time-month-layout/43205>\
**Category:** Event Calendar\
**Tags:** Gathering-Feedback\
**Created:** [March 6, 2024, 5:22pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205 "2024-03-06T17:22:34Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![user1490](https://avatars.discourse-cdn.com/v4/letter/u/71e660/32.png) [@user1490](https://community.elfsight.com/u/user1490)\
**Post date:** [March 6, 2024, 5:22pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/1 "2024-03-06T17:22:34Z")

</div>

My clients wants to add start time only. and remove the option for end time. on calendar. Is there way to fix?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [March 6, 2024, 6:09pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/3 "2024-03-06T18:09:59Z")

</div>

@user1490 I’ll check it with the devs and will let you know if it’s feasible 🙂

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [March 7, 2024, 10:36am UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/4 "2024-03-07T10:36:25Z")

</div>

Hi @user1490 👋

I’ve consulted with the devs and, unfortunately, there is no way to remove end time at the moment. I am so sorry!

We do realize that it would be a great addition and we’ll try to think it over in the upcoming updates. We’ll keep you in the loop here 🙂

A huge thank you for sharing your idea with us!

---

<div class="post-metadata">

**Author:** ![MICHEL\_A3A](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/michel_a3a/32/19351_2.png) [@MICHEL\_A3A](https://community.elfsight.com/u/MICHEL_A3A)\
**Post date:** [March 8, 2024, 1:18pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/5 "2024-03-08T13:18:13Z")

</div>

Hi,  
Enter the same time for both, start and end time

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [March 9, 2024, 6:22pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/6 "2024-03-09T18:22:00Z")

</div>

Hi @MICHEL_A3A 👋

Thank you so much for sharing your workaround with us! Yes, it actually works with such layouts as Grid, Masonry. However, user1490 is using Month layout where this option doesn’t work.

Anyway, a huge thank you for your interest and help, it’s highly appreciated 😉

---

<div class="post-metadata">

**Author:** ![Francis\_Bradford](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/francis_bradford/32/20005_2.png) [@Francis\_Bradford](https://community.elfsight.com/u/Francis_Bradford)\
**Post date:** [April 1, 2024, 1:51pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/7 "2024-04-01T13:51:43Z")

</div>

Hi Max, I need the same option as well, thanks. Will try the suggestion of the same S/E time.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [April 1, 2024, 4:07pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/8 "2024-04-01T16:07:15Z")

</div>

Hi @Francis_Bradford and welcome aboard 👋

Thank you for sharing your feedback!

I see that you are using the Grid layout and this workaround should perfectly work for you.

As for the Month layout, we’ll try to find a solution in one of our future updates. We’ll keep you posted here 🙂

---

<div class="post-metadata">

**Author:** ![Tom\_Parent](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tom_parent/32/57395_2.png) [@Tom\_Parent](https://community.elfsight.com/u/Tom_Parent)\
**Post date:** [March 2, 2025, 5:30pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/9 "2025-03-02T17:30:04Z")

</div>

I have a need for this too, except I use list view. FYI, eventscalendar. co offers this. Maybe a little extra motivation for the devs? 😉 Thanks!

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/8/48e130f8f662d78e70f2e22832f16c53424fbc3f.png)

---

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [March 3, 2025, 9:01am UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/10 "2025-03-03T09:01:41Z")

</div>

Thank you for the example, Tom! 👍🏻

A friendly nudge is always helpful, indeed 😁 But we now have to prioritize things and consider features’ popularity and technical difficulty first as we have 3000+ requests on our Wishlist 🙂

Let’s hope that other users show interest in this feature, too!

---

<div class="post-metadata">

**Author:** ![invisioncreative](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/invisioncreative/32/93860_2.png) [@invisioncreative](https://community.elfsight.com/u/invisioncreative)\
**Post date:** [March 30, 2026, 4:47pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/11 "2026-03-30T16:47:51Z")

</div>

I am currently utilizing the “Movie Times” calendar for two band websites. As their shows often run to midnight or after, it would be great to have an option to not require an end time. Currently, they just list the end time as the start time when the show end time is after midnight, otherwise the calendar event runs across multiple days. Show start times is incredibly important to display on the month calendar view. Thank you!

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [March 30, 2026, 5:06pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/12 "2026-03-30T17:06:06Z")

</div>

Hey there, @invisioncreative 👋

Thanks a lot for sharing your thoughts!

Unfortunately, this idea is not feasible now, but we have a request for this feature on the Wishlist. I’ve merged your comment with the related thread, where we’ll keep you updated 🙂

---

<div class="post-metadata">

**Author:** ![invisioncreative](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/invisioncreative/32/93860_2.png) [@invisioncreative](https://community.elfsight.com/u/invisioncreative)\
**Post date:** [March 30, 2026, 5:33pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/13 "2026-03-30T17:33:46Z")

</div>

Thanks, Max.

One idea for a workaround for the month view is to allow the event title to wrap/display and/or a subtitle field. This would give the client the option of hiding the time and entering it manually in the title or a new subtitle/second line field.

---

<div class="post-metadata">

**Author:** ![Tender\_S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tender_s/32/8674_2.png) [@Tender\_S](https://community.elfsight.com/u/Tender_S)\
**Post date:** [March 30, 2026, 8:08pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/14 "2026-03-30T20:08:42Z")

</div>

It’s a good suggestion. My vote and support 👍

I constantly have to click on the beginning and end of the event and do it at the same time, since all my events do not have an end time in my case. I make a lot of unnecessary clicks.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [March 31, 2026, 11:09am UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/15 "2026-03-31T11:09:06Z")

</div>

Hey there, @invisioncreative 👋

I am happy to say that our devs found a custom solution that just hides an end time from the Month layout:

```auto
const SELECTOR = '.fc-dayGridMonth-view .fc-event-time'; 
const observed = new WeakSet();

const collectRoots = (root, acc = []) => {
  acc.push(root);
  root.querySelectorAll('*').forEach((el) => {
    if (el.shadowRoot) collectRoots(el.shadowRoot, acc);
  });
  return acc;
};

const stripEndTime = (root) => {
  root.querySelectorAll(SELECTOR).forEach((el) => {
    let dashPassed = false;

    Array.from(el.childNodes).forEach((node) => {
      if (node.nodeType === Node.TEXT_NODE) {
        const value = node.nodeValue.replace(/\u00A0/g, ' ');

        if (!dashPassed) {
          if (value.includes('-')) {
            dashPassed = true;
            const start = value.split('-')[0];
            if (node.nodeValue !== start) node.nodeValue = start;
          }
          return;
        }

        if (node.nodeValue !== '') node.nodeValue = '';
        return;
      }

 
      if (dashPassed && node.style) node.style.display = 'none';
    });
  });
};

let scheduled = false;
const scan = () => {
  if (scheduled) return;
  scheduled = true;

  requestAnimationFrame(() => {
    scheduled = false;

    collectRoots(document).forEach((root) => {
      stripEndTime(root);

      if (observed.has(root)) return;
      observed.add(root);

      new MutationObserver(scan).observe(root, {
        childList: true,
        subtree: true,
        characterData: true
      });
    });
  });
};

scan();

```

  

Just add this script to the Custom JS field on the Settings tab of your widget’s settings and you’ll be fine 🙂

> **Note:** Custom JS doesn’t function in the preview mode, so you can check the result right on your website or through the [Share Link](https://help.elfsight.com/article/1471-how-to-share-widget-via-link)

---

<div class="post-metadata">

**Author:** ![invisioncreative](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/invisioncreative/32/93860_2.png) [@invisioncreative](https://community.elfsight.com/u/invisioncreative)\
**Post date:** [March 31, 2026, 2:30pm UTC](https://community.elfsight.com/t/hide-end-time-month-layout/43205/16 "2026-03-31T14:30:18Z")

</div>

Worked perfectly! Thank you!
