Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ioloco-ui

Package Overview
Dependencies
Maintainers
0
Versions
130
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ioloco-ui - npm Package Compare versions

Comparing version 0.3.89 to 0.3.90

4

dist/Components/FormComponents/DatePicker/index.d.ts

@@ -7,4 +7,6 @@ import type { ElementType } from 'react';

NextMonthIcon?: ElementType;
value?: Date;
onChange?: (date: Date) => void;
}
declare const DatePicker: ({ size, Icon, PreviousMonthIcon, NextMonthIcon }: IDatePicker) => import("react/jsx-runtime").JSX.Element;
declare const DatePicker: ({ size, Icon, PreviousMonthIcon, NextMonthIcon, value, onChange }: IDatePicker) => import("react/jsx-runtime").JSX.Element;
export default DatePicker;

@@ -1,1 +0,1 @@

import{jsxs as n,jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import o from"./DatePickerInput.js";import l from"./DatePickerModal.js";import i from"@stylexjs/stylex";const r=r=>{let{size:s,Icon:c,PreviousMonthIcon:m,NextMonthIcon:x}=r;const[g,u]=t(new Date),[d,h]=t(!1),I=`${g.getDate()}/${g.getMonth()+1}/${g.getFullYear()}`,p=a[`${s}Icon`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3 x41wgo0"},{children:[e(o,{id:"date-picker",labelId:"date-picker-label",value:I,onShowCalendar:()=>h(!d),size:s,icon:e(c,Object.assign({},i.props(a.icon,p)))}),e(l,{selectedDate:g,onDateSelect:n=>{const e=n.getDate(),t=new Date(g.getFullYear(),g.getMonth(),e);u(t),h(!1)},onMonthChange:n=>{u(new Date(g.getFullYear(),g.getMonth()+n,1))},PreviousMonthIcon:m,NextMonthIcon:x,show:d,onClose:()=>h(!1),size:s})]}))},a={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},icon:{zIndex:"x8knxv4",position:"x10l6tqk",right:"x5btmg7",insetInlineStart:null,insetInlineEnd:null,top:"xwa60dl",transform:"x1cb1t30",color:"x1mqxbix xat0y86",$$css:!0},smallIcon:{fontSize:"x1uv3qv7",$$css:!0},mediumIcon:{fontSize:"x579bpy",$$css:!0},largeIcon:{fontSize:"x13wtedm",$$css:!0}};export{r as default};
import{jsxs as n,jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import o from"./DatePickerInput.js";import l from"./DatePickerModal.js";import i from"@stylexjs/stylex";const a=a=>{let{size:s,Icon:c,PreviousMonthIcon:m,NextMonthIcon:x,value:g,onChange:u}=a;const[h,d]=t(new Date),[I,p]=t(!1),$=g||h,f=`${$.getDate()}/${$.getMonth()+1}/${$.getFullYear()}`,v=r[`${s}Icon`];return n("div",Object.assign({},{className:"x1n2onr6 xmy0v6l xh8yej3 x41wgo0"},{children:[e(o,{id:"date-picker",labelId:"date-picker-label",value:f,onShowCalendar:()=>p(!I),size:s,icon:e(c,Object.assign({},i.props(r.icon,v)))}),e(l,{selectedDate:$,onDateSelect:n=>{const e=n.getDate(),t=new Date($.getFullYear(),$.getMonth(),e);u?u(t):d(t),p(!1)},onMonthChange:n=>{const e=new Date($.getFullYear(),$.getMonth()+n,1);u?u(e):d(e)},PreviousMonthIcon:m,NextMonthIcon:x,show:I,onClose:()=>p(!1),size:s})]}))},r={root:{position:"x1n2onr6",fontFamily:"xmy0v6l",width:"xh8yej3",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},icon:{zIndex:"x8knxv4",position:"x10l6tqk",right:"x5btmg7",insetInlineStart:null,insetInlineEnd:null,top:"xwa60dl",transform:"x1cb1t30",color:"x1mqxbix xat0y86",$$css:!0},smallIcon:{fontSize:"x1uv3qv7",$$css:!0},mediumIcon:{fontSize:"x579bpy",$$css:!0},largeIcon:{fontSize:"x13wtedm",$$css:!0}};export{a as default};
{
"name": "ioloco-ui",
"version": "0.3.89",
"version": "0.3.90",
"description": "Stylex UI components for React",

@@ -5,0 +5,0 @@ "author": {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc