<!--Section: v9-0-0-->

  <section id="v9-0-0">

    <h4 class="mb-4">

      <strong>Version <u>9.0.0</u>, released <u>31.03.2025</u></strong>

    </h4>

​

    <p class="mt-3">

      <strong>Breaking changes:</strong>

    </p>

    <ul>

      <li><a href="/docs/standard/plugins/calendar/">Calendar</a>

        <ul>

          <li>renamed <code>editEvent.mdb.calendar</code> event to <code>editedEvent.mdb.calendar</code></li>

          <li>renamed <code>addEvent.mdb.calendar</code> event to <code>addedEvent.mdb.calendar</code></li>

          <li>updated <code>editEvent.mdb.calendar</code> event to trigger before the edit event modal is shown</li>

          <li>updated <code>addEvent.mdb.calendar</code> event to trigger before the add event modal is shown</li>

        </ul>

      </li>

      <li><a href="/docs/standard/forms/multi-range-slider/">Multi Range Slider</a>

        <ul>

          <li>renamed <code>--mdb-multi-range-sliderhand-focus-box-shadow</code> variable to

            <code>--mdb-multi-range-slider-focus-box-shadow</code></li>

          <li>renamed <code>--mdb-multi-range-slider-horizontal-height</code> variable to

            <code>--mdb-multi-range-slider-height</code></li>

          <li>renamed <code>$multi-range-slider-horizontal-height</code> variable to

            <code>$multi-range-slider-height</code></li>

        </ul>

      </li>

      <li><a href="/docs/standard/forms/datepicker/">Datepicker</a>

        <ul>

          <li>removed <code>disableToggle</code> option</li>

          <li>removed <code>disableInput</code> option</li>

        </ul>

      </li>

      <li><a href="/docs/standard/data/datatables/">Datatable</a> - changed <code>sort</code> method to assign the

        <code>sortField</code> based on column’s field instead of its label</li>

      <li><a href="/docs/standard/components/modal/">Modal</a> - removed <code>show</code> option (applies only to

        Modal PRO used via jQuery)</li>

    </ul>

​

    <p class="mt-3">

      <strong>New Features:</strong>

    </p>

    <ul>

      <li><a href="/docs/standard/plugins/calendar/">Calendar</a>

        <ul>

          <li>added <code>dateFormat</code> option</li>

          <li>added <code>removeEvent</code> method</li>

          <li>added <code>editEvent</code> method</li>

          <li>added <code>deletedEvent.mdb.calendar</code> event</li>

        </ul>

      </li>

      <li><a href="/docs/standard/data/datatables/">Datatable</a>

        <ul>

          <li>added <code>serverSide</code> option</li>

          <li>added <code>columnSearch</code> option</li>

          <li>improved <code>pagination</code> option to allow setting the total number of entries, the current page and

            the total number of pages</li>

          <li>improved <code>edit</code> option to add a CSS class to edited cells to allow custom styling</li>

          <li>improved <code>sort</code> method to support sorting by column number</li>

          <li>added <code>paginationChange.mdb.datatable</code> event</li>

          <li>added <code>sortChange.mdb.datatable</code> event</li>

          <li>added <code>columnSearch.mdb.datatable</code> event</li>

        </ul>

      </li>

      <li><a href="/docs/standard/components/rating/">Rating</a>

        <ul>

          <li>added <code>decimal</code> option</li>

          <li>added <code>decimalPrecision</code> option</li>

          <li>added <code>scoreMove.mdb.rating</code> event</li>

        </ul>

      </li>

      <li><a href="/docs/standard/plugins/tree-view/">Treeview</a> - added variables to color mapping</li>

      <li><a href="/docs/standard/forms/select/">Select</a> - added <code>clearButtonLabel</code> option</li>

    </ul>

​

    <p class="mt-3">

      <strong>Fixes & Improvements:</strong>

    </p>

    <ul>

      <li><a href="/docs/standard/forms/select/">Select</a>

        <ul>

          <li>fixed <code>setValue</code> method bug when used on component with value preselected via native attribute

          </li>

          <li>added Id to input and for to label</li>

        </ul>

      </li>

      <li><a href="/docs/standard/forms/datepicker/">Datepicker</a>

        <ul>

          <li>fixed short format date parsing bug</li>

          <li>removed option <code>disableToggleButton</code></li>

        </ul>

      </li>

      <li><a href="/docs/standard/plugins/color-picker/">Color picker</a> - fix Canvas2D warning</li>

      <li><a href="/docs/standard/plugins/table-editor/">Table editor</a> - disabled pagination select when adding or

        editing</li>

      <li><a href="/docs/standard/data/datatables/">Datatable</a> - fixed template for datatable loader</li>

      <li><a href="/docs/standard/forms/multi-range-slider/">Multi Range Slider</a> - added variables for easier

        tooltip background customization</li>

    </ul>

  </section>

  <!--Section: v9-0-0-->