Display additional text alongside dates in jQuery UI datepicker
<p>I am using jQuery UI datepicker and I want to display additional text inside date cells next to the date. This is the desired behavior:</p>

<p><a href="https://i.stack.imgur.com/b2Pqn.png"><img src="https://i.stack.imgur.com/b2Pqn.png" alt="jQuery UI datepicker with custom text inside cells"></a></p>

<p>Unfortunately, manipulating date cells using <code>.text()</code> and <code>.html()</code> functions breaks the datepicker functionality. See following demo and try to use the datepicker. Notice that when you select a date (i) the custom text is gone (ii) changing months destroys the calendar and lands you on "undefined NaN" month:</p>

<p><a href="https://jsfiddle.net/salman/aLdx4L0y/">https://jsfiddle.net/salman/aLdx4L0y/</a></p>

<p>Is there a solution?</p>