---
# System prepended metadata

title: Bugs para Design System desde el proyecto de Conciliación Bancaria @ FSociety

---

# Bugs para Design System desde el proyecto de Conciliación Bancaria @ FSociety 

## Bug #1 :beetle:

### Descripción
El siguiente pedazo de código **debería** crear un componente DatePicker que fuera requerido. Sin embargo, para la versión 0.0.28 esto no ocurre.

### Información sobre el componente
> **Nombre**: @siigo/siigo-datepicker-molecule
> **Versión**: 0.0.28

### Código de prueba
```htmlembedded=
<siigo-datepicker-molecule
    [required]="true"
    style="max-width: 100%"
    [isDateRangePicker]="false"
    [textOptions]="dateTextOptions"
    (dateChange)="dateChange($event)"
></siigo-datepicker-molecule>
```

### Pantallazos
1. **@siigo/siigo-datepicker-molecule-angular@0.0.23** 
![](https://i.imgur.com/XyKveOV.png)

2. **@siigo/siigo-datepicker-molecule-angular@0.0.28**
![](https://i.imgur.com/Sc0bjf8.png)

## Bug #2 :beetle:

### Descripción
El siguiente pedazo de código **debería** colocar y mantener el `DefaultTemplate` de un componente DataTable, sin embargo, cuando se renderiza (o en otros casos cuando se ordena por una columna) se pierde dicho template.

### Información sobre el componente
> **Nombre**: @siigo/siigo-data-table-molecule
> **Versión**: 0.0.31

### Código de prueba
#### `component.html`
```htmlembedded=
<siigo-data-table-molecule
  #dataTableConciliations
  [sticky]="false"
  [dynamic]="false"
  [reorder]="false"
  [sortable]="true"
  [rowNumber]="false"
  [selectRows]="false"
  [hiddenHeader]="false"
  [hiddenCurrentActions]="false"
  [stopAutoCloseEditMode]="false"
  [headers]="conciliationsHeaders"
  [data]="dataTableDataConciliations"
  (init)="onInitDataTableConciliations($event)"
></siigo-data-table-molecule>
```
#### `component.ts`
```typescript=
this.dataTableConciliations.setDefaultTemplate(this.conciliationsGridDefaultTemplate);
```

### Pantallazos
1. **Antes de ordenar/terminar de renderizar**
![](https://i.imgur.com/nsIc7tA.png)

2. **Después de ordenar/terminar de renderizar**
![](https://i.imgur.com/S91luiQ.png)

## Bug/Duda #3 :beetle: :thinking_face: 

### Descripción

Cuando se coloca la opción de `[maxlength]="12"` y `[decimalDigit]="2"` en un componente input de tipo `decimal`, se comporta de forma inesperada al no permitir dos dígitos decimales después de los primeros 10 dígitos enteros. Estas restricciones deberían permitir máximo 11 cifras enteras y máximo 2 dígitos decimales.

### Información sobre el componente
> **Nombre**: @siigo/siigo-input-atom
> **Versión**: 0.1.3

### Código de prueba
```htmlembedded=
<siigo-input-atom
    class="mt-20"
    [type]="'decimal'"
    [maxlength]="12"
    [decimalDigit]="2"
    [required]="true"
    prefixType="icon"
    decimalSeparator=","
    thousandsSeparator="."
    prefixText="fa fa-dollar-sign"
    (change)="onChangeBankBalance($event)"
    [value]="bankBalance"
    label="{{ 'BankBalanceLabel' | translate }}"
    #inputBankBalanceConciliationsPopUp
></siigo-input-atom>
```

### Pantallazos 

1. **Cuando se colocan 11 cifras (NO SE PUEDEN COLOCAR DECIMALES)**
![](https://i.imgur.com/b4k1Gq3.png)

2. **Cuando se colocan 10 cifras (NO SE PUEDEN COLOCAR DECIMALES)**
![](https://i.imgur.com/9Oo1IJW.png)

3. **Cuando se colocan 9 o menos cifras (SÍ SE PUEDEN COLOCAR DECIMALES)**
![](https://i.imgur.com/guDzMpW.png)
