# Migration guideline Component library version 7.x -> 8.0

## Button 

| OLD                                 | NEW                                   |
| ----------------------------------- | ------------------------------------- |
|`<Button onClick={(e) => !loading && !disabled && onClick && onClick(e)} onMouseDown={(e) => {e.preventDefault();}} />` | `<Button onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) =>!loading && !disabled && onClick && onClick(e)}  onMouseDown={(e: React.MouseEvent) => {e.preventDefault();}} />`

## DatePicker

| OLD                                 | NEW                                   |
| ----------------------------------- | ------------------------------------- |
| `<DatePicker onChange={(selectedDate: Date, modifiers: object) => void} />` | `<DatePicker onChange={(selectedDate: Date, modifiers: DayModifiers) => void} />`

## FileUploaderContainer

| OLD                                 | NEW                                   |
| ----------------------------------- | ------------------------------------- |
| `<FileUploaderContainer removeItem={() => void} deleteRemoteFile={() => void} />` | `<FileUploaderContainer removeItem={(queueId: any) => any} deleteRemoteFile={(queueId: any, fileId?: any) => any} />`

## File

| OLD                                 | NEW                                   |
| ----------------------------------- | ------------------------------------- |
| `<File onDelete={() => void} />` | `<File onDelete={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void} />`