JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text_direction" dir="rtl">
    <input type="text" onkeyup="rtl(this);">
</div>

CSS

.text_direction input {
  direction: rtl;
  unicode-bidi: bidi-override;
  text-align: right;
}

JavaScript

function rtl(element){   
    if(element.setSelectionRange){
        element.setSelectionRange(0,0);
    }
}