ColorPicker must have an option to revert to "Default color" (set color to null)

Bug report

ColorPicker's value option is not taken with higher specificity.

Reproduction of the problem

1. Open the following dojo.
2. Set the value option of the widget.
3. Notice that the color is not changed despite having the configuration set.

Current behavior

Currently, the ColorPicker requires setting the value={color} attribute to the input element. However, value option does not alter the input's value despite being set.

This behavior is inconsistent with other picker widgets where the value option is taken more predominantly:

https://dojo.telerik.com/@alexander64836/UNeMajeG/3

Expected/desired behavior

The ColorPicker should take the value option with higher specificity. Even in scenarios where the value={color} attribute is present on the input.

Environment

• Kendo UI version: 2024.1.319
• Browser: [all]

Bug report

The Apply and Cancel buttons in the ColorPicker editor popup renders with a leading space before the visible label text.

Reproduction of the problem

1. Go to our live ColorPicker demo
2. Open the popup

Current behavior

There is a leading space for the button labels read "Apply" and "Cancel."

Expected/desired behavior

There should be no leading white space.

Workaround

Override the _renderActionButtons function (Progress Kendo UI Dojo)

(function ($, kendo) {
    var flatColorPicker = kendo.ui.FlatColorPicker;
    var originalRenderActionButtons = flatColorPicker.fn._renderActionButtons;

    flatColorPicker.fn._renderActionButtons = function (options, buttonOptions) {
        if (kendo.isPresent(options) && kendo.isBlank(options.buttonsTemplate)) {
            var encode = kendo.htmlEncode;

            return kendo.html.renderButton(
                `<button class="k-coloreditor-apply" title="${encode(options.messages.apply)}">${encode(options.messages.apply)}</button>`,
                $.extend({}, buttonOptions, { fillMode: null, themeColor: "primary" })
            ) + kendo.html.renderButton(
                `<button class="k-coloreditor-cancel" title="${encode(options.messages.cancel)}">${encode(options.messages.cancel)}</button>`,
                $.extend({}, buttonOptions, { fillMode: null })
            );
        }

        return originalRenderActionButtons.call(this, options, buttonOptions);
    };

Environment

• Kendo/Telerik version: 2026.3.811
• jQuery version: 4.0.0
• Browser: all

The color picker right now support only to display the HEX format or RGBA format. The color picker should also support RGB.

Our customer is used to using the RGB format and wants to use that format. The reason we do not want RGBA is that the color picker could use opacity and the selected color will be used in a report so opacity has to be always 1.

We tried to prevent the use of a different opacity but could not find a solution.

Bug report

The slider in the ColorPicker popup, when used in Mobile Application, is not styled correctly.

Reproduction of the problem

1. Open this example - https://dojo.telerik.com/EfiQUGad/10
2. Open the ColorPicker.

Current behavior

The slider is not styled.

Expected/desired behavior

The slider in the popup should be displayed appropriately.

Environment

• Kendo UI version: 2022.2.621
• Browser: [all]

Bug report

Reproduction of the problem

The ColorPicker with adaptiveMode enabled throws an error after being destroyed and initialzed

1. Oppen the Dojo - https://dojo.telerik.com/iwXhhhCW
2. Click the ‘Refresh’ button
3. Resize the browser window or the Dojo

Current behavior

An error: kendo.columnmenu.js:2099 Uncaught TypeError: Cannot read properties of null (reading 'attr') is thrown

Expected/desired behavior

No error should be thrown after reinitializing the ColorPicker component.

Environment

• Kendo/Telerik version: 2026.1.415
• Browser: [all ]