# How to format tooltip in TypeScript Charts
Source: https://help.syncfusion.com/chart-sdk/documentation/charts/how-to/tool-tip-format

Using [`tooltipRender`](../../api/chart/chartModel#tooltiprender) event, you can able to format the datetime value instead of rendered value.

To format the datetime value,please follow the steps below

**Step 1**:

By using [`tooltipRender`](../../api/chart/chartModel#tooltiprender) event we can able to get the current point x value. Using this value to format the tooltip by using `formatDate` method.

The output will appear as follows,

 {% tabs %}
{% highlight ts tabtitle="index.ts" %}

{% endhighlight %}
{% highlight html tabtitle="index.html" %}

{% endhighlight %}
{% endtabs %}
        

--------------------------------------------------------------------------------------------------
