# How to create an own TypeEditor

**URL:** <https://discourse.nodered.org/t/how-to-create-an-own-typeeditor/11789>\
**Category:** Developing Nodes\
**Created:** [3 June 2019 06:58 UTC](https://discourse.nodered.org/t/how-to-create-an-own-typeeditor/11789 "2019-06-03T06:58:24Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![NetHans](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nethans/32/2843_2.png) [@NetHans](https://discourse.nodered.org/u/NetHans)\
**Post date:** [3 June 2019 06:58 UTC](https://discourse.nodered.org/t/how-to-create-an-own-typeeditor/11789/1 "2019-06-03T06:58:24Z")

</div>

Is there any official documentation how to create your own TypeEditor?

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [3 June 2019 07:24 UTC](https://discourse.nodered.org/t/how-to-create-an-own-typeeditor/11789/2 "2019-06-03T07:24:33Z")

</div>

No. It isn't something we've published for 3rd party nodes to use yet, although the api is most likely stable.

What are you wanting to do with it?

---

<div class="post-metadata">

**Author:** ![NetHans](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nethans/32/2843_2.png) [@NetHans](https://discourse.nodered.org/u/NetHans)\
**Post date:** [3 June 2019 07:37 UTC](https://discourse.nodered.org/t/how-to-create-an-own-typeeditor/11789/3 "2019-06-03T07:37:12Z")

</div>

Thank you for your quick response.

I would like to give the user the opportunity to use a DatePicker to select a date and optionally a time. I had thought of the standard [DatePicker of jQuery UI](https://jqueryui.com/datepicker/#default).

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [3 June 2019 21:19 UTC](https://discourse.nodered.org/t/how-to-create-an-own-typeeditor/11789/4 "2019-06-03T21:19:20Z")

</div>

You can, of course, do that without creating your own TypeEditor. Not difficult to do using some simple jquery in oneditprepare.

---

<div class="post-metadata">

**Author:** ![NetHans](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nethans/32/2843_2.png) [@NetHans](https://discourse.nodered.org/u/NetHans)\
**Post date:** [4 June 2019 09:47 UTC](https://discourse.nodered.org/t/how-to-create-an-own-typeeditor/11789/5 "2019-06-04T09:47:34Z")

</div>

I would like to use the DatePicker in conjunction with a TypedInput. But this is not easy. I need to access ids and class names of html tags. However, these can be change as a result of the further development of NodeRed. It would therefore be a modification of the original GUI, which is certainly not desired.

That's why my question was, is there a documentation for the TypeEditor to create a custom editor.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [4 June 2019 10:16 UTC](https://discourse.nodered.org/t/how-to-create-an-own-typeeditor/11789/6 "2019-06-04T10:16:02Z")

</div>

The TypeEditor involves the full slideout tray in the editor. For a datapicker that would be a lot of UI for not very much.

With NR 1.0, there is a new ability to have a custom ui element in place of the input field. That could be used to provide a button that pops up a date picker. Of course that would mean your node would only work on NR 1.0 or later. Don't have docs on it yet because still working on it.

---

<div class="post-metadata">

**Author:** ![NetHans](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nethans/32/2843_2.png) [@NetHans](https://discourse.nodered.org/u/NetHans)\
**Post date:** [4 June 2019 10:21 UTC](https://discourse.nodered.org/t/how-to-create-an-own-typeeditor/11789/7 "2019-06-04T10:21:53Z")

</div>

Thanks for the feedback.

Then I will create the node currently without DatePicker and later with NodeRed 1.0 or higher with DatePicker.

That should be the easiest for the moment.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [4 June 2019 11:11 UTC](https://discourse.nodered.org/t/how-to-create-an-own-typeeditor/11789/8 "2019-06-04T11:11:09Z")

</div>

> [@knolleary](#):
>
> With NR 1.0, there is a new ability to have a custom ui element in place of the input field. That could be used to provide a button that pops up a date picker. Of course that would mean your node would only work on NR 1.0 or later. Don't have docs on it yet because still working on it.

Definitely interested in this myself as I've had to do a fair bit of work to get a usable interface for uibuilder v2 with its file/code editor & an Editable List that has long-running processes that need some UX love.