JSFiddle - React, Tailwind, and code Playground

by friek2k

HTML

<input id="hexspinner" />

JavaScript

$.widget("ui.hexspinner", $.ui.spinner, {
    options: {
        step: 1,
        numberFormat: "d",
        page: 255,
        value:1
            },
    _parse: function (value) {
            
        if (typeof value === "string") {
            return parseInt(value.replace('0x',''), 16);
        }
        return value === "" || isNaN( value ) ? null : value;        
        
    },
    _format: function (value) {
        debugger;
        if (typeof value === "string"){
            return "";
        }
        return "0x" + value.toString(16).toUpperCase();
    }
});


$(function(){

    $( "#hexspinner" ).hexspinner({
        value:255,
        change: function( event, ui ) {
            alert($(this).spinner("value"));
        }
    });
});