@spliceglobal/react-native-ducis-leave-attendence v0.2.0

react-native-ducis-leave-attendence

This is the package for leave and attendence

Installation

npm install react-native-ducis-leave-attendence

Usage

import { LeaveComponent } from '@spliceglobal/react-native-ducis-leave-attendence';

// ...

<LeaveComponent
          //DropDown

          data={data}
          placeHolderDropDown={'Leave Type'}
          valueDropDown={selectedType}
          onChangeDropDownValue={(txt)=>setSelectedType(txt?.value)}
          dropDownIconColor={'black'}
          dropDownBackgroundColor={'red'}
          dropDownHeight={50}
          dropDownBorderRadius={30}


          //Start Date
          valueStartDateTimePicker={startDate}
          onSelectStartDateTimePicker={(date)=>setStartDate(date)}
          visibleLeftIconStartDateTimePicker={true}
          leftIconStartDatePicker={<Image source={require('./icons/calendar.png')} style={{height:16,width:16}}/>}
          placeHolderStartDatePicker={'Start Date'}
          startDateBackgroundColor={'green'}
          startDateHeight={50}
          startDateBorderRadius={30}

          //End Date
          valueEndDateTimePicker={endDate}
          onSelectEndDateTimePicker={(date)=>setEndDate(date)}
          visibleLeftIconEndDateTimePicker={true}
          leftIconEndDatePicker={<Image source={require('./icons/calendar.png')} style={{height:16,width:16}}/>}
          placeHolderEndDatePicker={'End Date'}
          endDateBackgroundColor={'yellow'}
          endDateHeight={50}
          endDateBorderRadius={30}

          //Aditional notes
          placeHolderAdditionalNote={'Aditional note'}
          valueAdditonalNote={note}
          onChangeAdditionalNoteValue={(text)=>setNote(text)}
          additionalNoteBackgroundColor={'cyan'}
          additionalNoteHeight={50}
          additionalNoteBorderRadius={20}

          //submit button 
          buttonName={'Submit'}
          buttonStyle={{borderRadius:20}}
          onPressButton={onPressButton}

        />

Note

See the example folder for implemntation

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library