---
title: Temps
---

<script>
    import { CalendarClock } from 'lucide-svelte';
    import Time from '$lib/components/toolbar/tools/Time.svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
</script>

# <CalendarClock size="24" class="inline-block" style="margin-bottom: 5px" /> { title }

Aquesta eina permet canviar o afegir marques de temps a un traçat.
Simplement has d'utilitzar el formulari que es mostra a continuació i validar-lo quan hagis acabat.

<div class="flex flex-row justify-center">
    <Time class="text-foreground p-3 border rounded-md shadow-lg" />
</div>

Quan edites la velocitat, el temps en moviment s'adapta en conseqüència en el formulari i viceversa.
De forma similar, quan edites el temps d'inici, el temps final s'actualitza per mantenir el mateix temps total i viceversa.

<DocsNote>

Quan es fa servir aquesta eina amb marques de temps existents, canviar el temps o la velocitat farà canviar, estirar o comprimir-les conseqüentment.

</DocsNote>
