<template>
    <require from="aurelia-kendoui-bridge/numerictextbox/numerictextbox"></require>
    <require from="./style.css"></require>
    <p>Money Value: ${money}</p>
    <input class="input" value.bind="money" data-symbol="$" placeholder="$0.00" id="currency" type="number" ak-numerictextbox="k-format.bind:'c'; k-decimals.bind:2; k-spinners.bind: false" k-on-change.delegate="onChange()" style="width: 100%;"/>
    <p>Percents Decimal Value :${percentageAsDecimal}</p>
    <p>Percents Raw Value :${percents}</p>
    <input class="input" value.bind="percents" placeholder="0.00%" id="percents" type="number" ak-numerictextbox=" k-format.bind:'0,0.00\\%'; k-spinners.bind: false" k-on-change.delegate="onChange()" style="width: 100%;"/>
</template>