# Extending an existing display extension

**URL:** <https://community.directus.com/t/extending-an-existing-display-extension/1248>\
**Category:** Help\
**Tags:** custom-extensions\
**Created:** [September 29, 2025, 2:09pm UTC](https://community.directus.com/t/extending-an-existing-display-extension/1248 "2025-09-29T14:09:09Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dniehus](https://sea2.discourse-cdn.com/flex002/user_avatar/community.directus.com/dniehus/32/944_2.png) [@dniehus](https://community.directus.com/u/dniehus)\
**Post date:** [September 29, 2025, 2:09pm UTC](https://community.directus.com/t/extending-an-existing-display-extension/1248/1 "2025-09-29T14:09:09Z")

</div>

I would like the timestamp fields whose date is in the future to be displayed differently. The use case is planned blog posts.

I tried to create a display extension and copied the core extension (/directus/tree/main/app/src/displays/datetime) for this purpose.

My problem is, how do I access the Directus core Vue components from an extension?

In directus/blob/main/app/src/displays/datetime/datetime.vue  
import UseDatetime, { type Props as UseDatetimeProps } from “@/components/use-datetime.vue”;

…

\<use-datetime _v-slot_=“{ datetime }” _v-bind_=“$props”\>