budibase/packages/builder/src/components/common/NumberBox.svelte

<script>
  export let value
  export let label

  const inputChanged = ev => {
    try {
      value = Number(ev.target.value)
    } catch (_) {
      value = null
    }
  }

  let numberText = value === null || value === undefined ? "" : value.toString()
</script>

<div class="uk-margin">
  <label class="uk-form-label">{label}</label>
  <div class="uk-form-controls">
    <input
      class="budibase__input"
      type="number"
      {value}
      on:change={inputChanged} />
  </div>
</div>