@weni/unnnic-system 3.34.1 → 3.34.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "3.34.1",
+  "version": "3.34.2",
   "type": "commonjs",
   "files": [
     "dist",

package/src/components/DatePicker/DatePicker.vue

@@ -879,7 +879,10 @@ function getStartAndEndDateByPeriod(period: string) {
   const daysMatch = period.match(/^last-(\d+)-days$/);
   const monthsMatch = period.match(/^last-(\d+)-months$/);
 
-  if (daysMatch) {
+  if (period === 'today') {
+    periodStartDate = dateToString(todayClone);
+    periodEndDate = dateToString(todayClone);
+  } else if (daysMatch) {
     const howMuch = Number(daysMatch[1]);
 
     periodEndDate = dateToString(todayClone);

package/src/components/DatePicker/__tests__/DatePicker.spec.js

@@ -95,6 +95,28 @@ describe('DatePicker.vue', () => {
     expect(updateEquivalent[0][0]).toBe('Last 7 days');
   });
 
+  it('submits with today period and emits equivalent option name', async () => {
+    wrapper = factory({
+      options: [
+        { name: 'Today', id: 'today' },
+        { name: 'Custom', id: 'custom' },
+      ],
+    });
+
+    await wrapper.vm.autoSelect('today');
+    await wrapper.find('[data-testid="date-picker-submit"]').trigger('click');
+
+    const submit = wrapper.emitted('submit');
+    const updateEquivalent = wrapper.emitted('update:equivalentOption');
+
+    expect(submit).toBeTruthy();
+    expect(submit[0][0]).toHaveProperty('startDate');
+    expect(submit[0][0]).toHaveProperty('endDate');
+    expect(submit[0][0].startDate).toBe(submit[0][0].endDate);
+
+    expect(updateEquivalent[0][0]).toBe('Today');
+  });
+
   it('submits with custom selection and clears equivalent option', async () => {
     wrapper.vm.optionSelected = 'custom';
     await wrapper.find('[data-testid="date-picker-submit"]').trigger('click');

package/src/components/DatePicker/translations.ts

@@ -28,6 +28,7 @@ const englishMonths = [
 const englishDays = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
 
 const englishPeriods: PeriodOption[] = [
+  { name: 'Today', id: 'today' },
   { name: 'Last 7 days', id: 'last-7-days' },
   { name: 'Last 14 days', id: 'last-14-days' },
   { name: 'Last 30 days', id: 'last-30-days' },
@@ -96,6 +97,10 @@ buttons.en = buttons['en-us'];
 
 export const periods: Record<string, PeriodOption[]> = {
   'pt-br': [
+    {
+      name: 'Hoje',
+      id: 'today',
+    },
     {
       name: 'Últimos 7 dias',
       id: 'last-7-days',
@@ -128,6 +133,10 @@ export const periods: Record<string, PeriodOption[]> = {
   en: englishPeriods,
   'en-us': englishPeriods,
   es: [
+    {
+      name: 'Hoy',
+      id: 'today',
+    },
     {
       name: 'Últimos 7 días',
       id: 'last-7-days',